Tips Blogging, Wordpress

Cara mengurangi permintaan HTTP di WordPress untuk meningkatkan load time

Cara mengurangi permintaan HTTP di WordPress untuk meningkatkan load time source image : think360studio

Belajar bagaimana mengurangi permintaan HTTP di WordPress terdengar seperti hal yang hanya perlu ditangani pengembang. Namun, pada kenyataannya itu menyangkut siapa saja yang memiliki situs web yang didukung oleh CMS.

Di sini, di IdeMastah, kami telah banyak menulis tentang cara mempercepat situs WordPress Anda: 

 

Cara meningkatkan load time situs WordPress dan Mengapa Harus

13 Tips meningkatkan kecepatan website WordPress

Cara Optimalkan wordpress untuk kinerja yang lebih baik

Mengurangi permintaan HTTP hanyalah salah satu bagian dari teka-teki itu, namun sangat penting. Oleh karena itu, artikel ini akan membahas bagaimana melakukannya secara mendetail.

Pada bagian pertama, kami akan menentukan apa sebenarnya permintaan HTTP / S dan mengapa penting untuk menjaga agar jumlah permintaan mereka serendah mungkin. Kemudian, sisa artikel akan menunjukkan cara praktis untuk mengurangi permintaan HTTP di situs WordPress Anda sendiri.

 

Apa itu Permintaan HTTP / S dan Mengapa Mereka Penting?

Mari kita mulai dari awal. Apa itu permintaan HTTP / S? 

Pertama-tama, apakah kita berbicara tentang permintaan HTTP atau HTTPS bergantung pada apakah Anda telah menyiapkan enkripsi HTTPS di situs Anda. Selain itu, mereka adalah hal yang sama, oleh karena itu saya akan menggunakan dua istilah tersebut secara bergantian di post ini.

 

Permintaan HTTP Terjadi di Setiap Website

Pada tingkat yang paling dasar, permintaan HTTP terjadi setiap kali browser meminta sesuatu dari server Anda. Itu bisa berupa file seperti style sheet, gambar, video embed atau script. Pada dasarnya, semua website Anda terdiri masing-masing adalah permintaan terpisah. 

Hal ini penting karena hanya bila semua file yang diminta telah dikirim ke browser, apakah itu akan membuat situs web Anda. Sebelum itu, pengunjung Anda tidak dapat melihatnya. 

Seperti yang bisa Anda duga, semakin banyak browser yang harus diunduh dan di prosesnya, semakin lama website Anda memuatnya. Itu terutama benar jika situs Anda populer. Dalam hal ini, server Anda harus berurusan dengan banyak permintaan HTTP simultan sekaligus. 

Itu, pada gilirannya, memiliki pengaruh besar pada pengalaman pengguna, yang mempengaruhi lalu lintas, pelanggan, konversi, penjualan, dan banyak lagi - singkatnya: kesuksesan situs web Anda.

 

Mereka Mempengaruhi Bottom Line Anda

Contoh yang bagus untuk memahami pentingnya permintaan HTTP dan pengaruhnya pada waktu pemuatan halaman adalah Amazon. Perusahaan pernah menghitung bahwa delay hanya satu detik di waktu buka halaman akan mengakibatkan hilangnya pendapatan $ 1,6 per tahun! 

Sementara website Anda mungkin tidak berada pada tingkat arus kas yang sama (namun, jika memang demikian, kudos!), Itu tetap akan mengusir 40 persen pengunjung jika membutuhkan waktu lebih dari tiga detik untuk memuat.

 

Selain itu, Google telah mencatat bahwa waktu pemuatan halaman adalah faktor peringkat. Mereka juga akan memperluas pencarian mobile ini pada bulan Juli 2018. Akibatnya, investasi apapun untuk mengurangi permintaan HTTP di situs WordPress Anda adalah investasi ke bottom line Anda. 

Namun, apa langkah pertama untuk melakukan itu? Mengetahui berapa banyak permintaan yang dilakukan situs Anda sejak awal. 

Bagaimana Memeriksa Jumlah Permintaan HTTP dari Website WordPress Anda?

Untuk mengurangi jumlah permintaan HTTP di situs Anda, Anda harus terlebih dulu mengukur status quo. Gunakan alat berikut untuk mengetahui seberapa besar (atau kecil) masalah Anda. 

Tool Pengembang Chrome

Peramban Google menawarkan informasi mendalam tentang berapa lama setiap elemen dan file situs dibutuhkan untuk dimuat. Cukup kunjungi website Anda dan buka menu browser, lalu masuk ke More Tools > Developer Tools (atau tekan Ctrl / Cmd + Shift + I).

Chrome developer tool

Di panel baru di samping, klik pada tab Network. 

Developer tool network

Di sini, Anda dapat meninjau apa yang sebenarnya terjadi di situs Anda dan berapa lama setiap tugas akan selesai. Browser juga menawarkan informasi mendalam untuk setiap elemen.

 

Firefox memiliki fungsi serupa, bagaimanapun, saya menemukan Chrome sedikit lebih nyaman untuk digunakan.

 

Pingdom

Pingdom adalah favorit pribadi saya ketika harus mengukur kecepatan halaman. Alat ini memiliki antarmuka yang bagus dan memberikan hasil dengan cepat. Cukup masukan situs Anda, pilih lokasi untuk diuji dan akan mulai bekerja.

Pingdom tool

Selain skor keseluruhan, Anda menerima informasi rinci tentang area yang bisa menggunakan beberapa perbaikan. 

Sepertinya Google juga bisa menggunakan beberapa tip tentang cara mengurangi permintaan HTTP. 

Yang terakhir ini memungkinkan Anda melacak apa yang dimuat kapan dan berapa lama setiap permintaan diperlukan untuk menyelesaikannya. Informasi yang sangat berguna untuk mengambil langkah konkret untuk mengurangi permintaan HTTPS di situs WordPress Anda.

 

GTmetrix

GTmetrix sangat mirip dengan Pingdom. Melalui layanan mereka, Anda dapat mempelajari keseluruhan skor kecepatan halaman Anda dan justru membuat website Anda lambat dan bagaimana memperbaikinya. Ini juga dilengkapi dengan diagram waterfall.

GTmetrik

Secara keseluruhan, GTmetrix biasanya sedikit lebih lambat dan tidak enak dilihat. Namun, ini masih sangat berguna dan saya sering menggunakan Pingdom dan tool ini bersama-sama.

 

Cara Mengurangi Permintaan HTTP di WordPress

Baiklah, sekarang Anda tahu di mana letak masalahnya, mari kita bicarakan solusinya. Di bawah ini, Anda menemukan berbagai cara untuk mengurangi permintaan HTTP di situs WordPress Anda. Beberapa dari mereka sedikit teknis, namun, saya memiliki keyakinan penuh bahwa Anda dapat membuatnya berhasil.

 

Kurangi, Pakai Ulang, Daur ulang

Permintaan HTTP yang berlebihan paling sering merupakan hal yang memiliki banyak barang di situs WordPress Anda. Penyebab yang paling umum adalah plugin. Banyak dari mereka menambahkan assets dan style sheet mereka sendiri ke antrian pemuatan situs web Anda. 

Sebagai konsekuensinya, urutan pertama hari itu untuk membahas daftar plugin Anda dan merebusnya sampai ke pokok-pokok penting. Un-instal apa yang tidak Anda butuhkan, nonaktifkan apa yang hanya Anda gunakan sesekali. Jadilah kejam, kinerja website Anda akan terimakasih. 

Namun, tidak berhenti di plugin. Selanjutnya, lepaskan segala hal lain di situs Anda yang tidak Anda butuhkan, termasuk tema. Lihat ebook musim semi kami untuk mendapatkan lebih banyak gagasan tentang apa yang bisa Anda hilangkan. Ini tidak hanya mengurangi permintaan HTTP namun juga meningkatkan keamanan dan membuat situs Anda lebih menyenangkan untuk digunakan. 

Gunakan alat analisis di atas untuk menemukan file atau aset yang memperlambat situs Anda secara signifikan. Jika demikian, temukan cara untuk menyingkirkan atau menggantinya. 

Untuk segala hal yang tetap ada di situs Anda, Anda mungkin ingin menggunakan WP Asset CleanUp. Plugin ini bekerja dengan pemuatan malas untuk gambar (lihat di bawah). Ini mendeteksi aset situs yang tidak muncul di halaman yang diminta oleh pengunjung. Jika itu masalahnya, ini mencegahnya dimuat, sehingga mengurangi permintaan HTTP.

 

Hapus Gambar yang Tidak Digunakan

Di antara aset yang bisa disingkirkan, gambar sangat penting. Mereka tidak hanya menghasilkan permintaan HTTP tetapi juga biasanya membuat sebagian besar berat halaman. Untuk alasan itu, jika Anda bisa menguranginya, lakukanlah! 

Seperti yang Anda lakukan dengan halaman plugin Anda, pergi melalui perpustakaan media WordPress dan memotong tanpa ampun apa yang tidak Anda gunakan. Ini juga akan mengecilkan ukuran Anda, yang merupakan kabar baik untuk backup dan migrasi. 

Optimalkan sisa gambar yang tetap untuk SEO dan loading cepat. Kemudian lanjutkan mempercepat situs Anda melalui beban malas tersebut. Atau, jika Anda ingin membawa barang ke tingkat berikutnya, buat sprite gambar. Ini menggabungkan beberapa gambar menjadi satu dan hanya menampilkan bagian tertentu melalui CSS.

 

Menyatukan dan Meminimalkan File CSS dan JavaScript

Berbicara tentang menggabungkan beberapa file menjadi satu, Anda bisa melakukan hal yang sama dengan style sheet dan scripts. Masing-masing mewakili permintaan HTTP / S terpisah dan dengan demikian semakin sedikit yang Anda miliki, semakin baik. Satu file besar biasanya mendownload lebih cepat daripada beberapa yang lebih kecil. 

Plus, Anda bisa menggabungkannya dengan minification. Ini berarti membuang semua karakter dan format yang membuat file lebih mudah dibaca untuk manusia. Melakukan hal itu akan sangat mengurangi ukuran file dan mempercepat download mereka. 

Anda bisa melakukan ini dengan tangan, misalnya dengan alat seperti Gulp. Gunakan panduan ini untuk melakukannya dengan benar. 

Namun, cara yang lebih mudah adalah dengan hanya menginstal Autoptimize, yang akan melakukan semua hal di atas secara otomatis. Saya memiliki pengalaman yang sangat bagus dengan hal itu. Beberapa plugin caching di bawah ini juga memiliki kemampuan itu. 

Sadarilah, bagaimanapun, bahwa penggabungan dan pemalsuan tidak lagi diperlukan dengan HTTP / 2. Jadi, jika sebagian besar lalu lintas Anda sudah menggunakan protokol ini, teknik ini tidak akan berpengaruh sebesar dulu.

 

Batasi Sumber Eksternal

Permintaan HTTPS tidak hanya berasal dari situs Anda sendiri, namun juga melibatkan sumber eksternal. Contoh yang populer meliputi: 

Font kustom - Meskipun layanan untuk font khusus biasanya cepat, mereka tetap menghasilkan permintaan tambahan. Karena itu, di sini motto ini juga: hanya memuat apa yang sebenarnya Anda gunakan. Ini tidak hanya berarti membatasi jumlah font tapi juga gaya dan skrip.

Gambar eksternal - Gambar eksternal yang paling umum di bagian komentar, terutama karena WordPress menggunakan Gravatar secara default. Anda dapat atau mematikannya di bawah Settings> Discussion> Avatars atau memerintah mereka dengan plugin ini.

Tombol media sosial dan counter - Media sosial adalah alat pemasaran yang penting, namun mudah untuk berlebihan. Sama seperti Anda tidak perlu berada di setiap jaringan, Anda juga tidak perlu menawarkan pilihan berbagi untuk mereka semua. Tetaplah dengan apa yang sebenarnya Anda gunakan.

Video tersemat - Video dari YouTube dan sumber lainnya merupakan tambahan yang bagus untuk konten Anda. Jika Anda menggunakan layanan yang baik, mereka juga biasanya dilayani dengan cepat, namun, video embeds masih merupakan permintaan HTTP tambahan. Jadi, jika Anda tidak membutuhkannya, lepaskan mereka. 

Sekali lagi, lihat alat analisis di atas untuk mengetahui apakah ada permintaan eksternal yang memperlambat situs Anda secara berlebihan.

 

Gunakan Plugin Caching dan / atau CDN

Sementara caching tidak mengurangi total permintaan HTML di situs Anda, sementara caching tidak mengurangi jumlah permintaan yang diajukan oleh pengunjung berulang. Karena menyimpan banyak konten situs Anda statis, orang yang mengayunkan situs Anda secara teratur tidak perlu mendownload dan memproses semuanya sejak awal.

Kandidat yang paling populer di sini adalah WP Super Cache dan W3 Total Cache. WP Rocket adalah solusi komersial yang populer. 

Caching juga bekerja dengan baik bersama dengan jaringan pengiriman konten (CDN). Ini berarti jaringan komputer yang tersebar di seluruh dunia yang menyimpan salinan situs Anda di tangan. Dengan begitu, bisa disajikan ke pengunjung dari lokasi terdekat.

Selain itu, CDN membatalkan permintaan HTTP ke server selain milik Anda. Memisahkan beban kerja dengan cara itu bisa sangat meningkatkan kecepatan pemuatan halaman Anda.

 

Bagaimana Anda Mengurangi Permintaan HTTP di Situs Anda?

Meminimalkan permintaan HTTP / S di WordPress adalah investasi langsung ke pengalaman pengguna dan keuntungan Anda. Permintaan memperlambat situs Anda, yang pada gilirannya memperlambat semua penanda keberhasilan lainnya. 

Pada artikel ini, kami telah menentukan permintaan HTTP apa, melihat bagaimana cara mengukurnya, dan menghilangkan banyak cara untuk menguranginya di situs WordPress Anda. Pada akhirnya, mengurangi permintaan HTTP bermuara pada penggunaan minimalisme yang sehat dan hanya menoleransi situs Anda sesuai kebutuhan Anda. 

Itu tidak berarti membuatnya membosankan dan tidak menarik. Ini hanya berarti melihat dengan baik kehadiran web Anda dan apa yang penting untuk itu. Memotong komponen dan aset yang tidak perlu tidak hanya akan membantu Anda mengurangi permintaan HTTP dan mempercepat situs Anda namun juga memperbaiki alur kerja Anda. Dengan cara itu semua orang menang. 

Apa tindakan lain yang Anda tahu untuk mengurangi permintaan HTTP di WordPress? Apa saja untuk ditambahkan ke atas? Beri tahu kami di bagian komentar di bawah ini!

 

Next Read : 8 Cara meningkatkan trafik berkualitas ke situs WordPress Anda

Share This Post

Leave Comment

Get more stuff like this
in your inbox

Subscribe to our mailing list and get interesting stuff and updates to your email inbox.