Anda telah membangun situs web Anda, Anda mendapatkan lalu lintas melalui analitik Anda, tetapi Anda hanya tidak mendapatkan jenis manfaat yang Anda harapkan. Tingkat pengunjung berulang Anda mungkin rendah, dan waktu yang dihabiskan orang di situs tidak menunjukkan minat atau komitmen.
Pelaku yang mungkin adalah kecepatan situs web Anda atau waktu pemuatan.
Berapa lama Anda bersedia menunggu halaman dimuat? Pada titik apa yang Anda katakan "cukup sudah cukup", tutup tab dan klik di tempat lain? Menurut penelitian, peningkatan waktu muat halaman satu detik berkorelasi dengan 7% dalam konversi dan penjualan yang hilang, sementara 40% orang yang mengunjungi situs akan pergi jika dibutuhkan lebih dari tiga detik. dalam pengisian daya.
Sebagai seseorang yang menjalankan situs web, saya dapat mengatakan bahwa kecepatan memiliki dampak besar! Untungnya, ada beberapa hal yang dapat Anda lakukan untuk memerangi waktu muat yang lambat di situs WordPress Anda. Beberapa tips ini khusus untuk WordPress, sementara yang lain dapat digunakan secara lebih umum.
Pembaruan konten
EBook kecepatan situs web non-teknis gratis
(4 halaman) Daftar periksa 12 langkah untuk
Raih waktu pengisian kurang dari 1 detik
Unduh
Definisi
Sebelum kita mulai, ada beberapa istilah kunci yang akan kita gunakan di seluruh panduan ini. Mari kita bahas mereka terlebih dahulu.
- Waktu ke byte pertama (TTFB): Jumlah waktu yang dibutuhkan pengunjung untuk menerima informasi pertama dari situs web Anda. Ini biasanya dipengaruhi oleh host Anda dan jumlah kode (plugin + tema) yang harus dijalankan sebelum informasi apa pun dapat dikirim.
- Mulai Render / Terlihat Pertama: Ketika konten situs Anda mulai terlihat oleh pengunjung (teks biasanya yang pertama, diikuti oleh gambar).
- Waktu pengisian: Waktu pemuatan adalah waktu yang diperlukan situs Anda untuk memuat sepenuhnya, termasuk semua teks, gambar, font, dan skrip.
- Permintaan: Permintaan adalah jumlah file yang dipanggil dan diunggah oleh situs Anda. Ini bisa internal (di-host di server yang sama dengan situs Anda) atau eksternal (seperti file font Google). Secara umum, jumlah yang lebih kecil lebih disukai.
Sebelum kita mulai
Sebelum memulai, saya sarankan mengambil patokan awal untuk situs Anda, sehingga Anda dapat mengukur peningkatan. Alat-alat ini juga akan memberikan umpan balik pada bidang-bidang khusus untuk perbaikan. Kami akan menggunakan tiga alat berikut hari ini:
Jalankan situs Anda melalui masing-masing dan tandai hasilnya.
Saya juga menyarankan untuk mengambil cadangan situs Anda atau bekerja di server uji jika memungkinkan. Seperti halnya situs web mana pun, ada kemungkinan menyebabkan kesalahan jika Anda tidak berhati-hati, dan cadangan saat ini selalu baik untuk ketenangan pikiran Anda.
Penyebab umum situs lambat (dan solusinya)
Optimalkan / ubah ukuran gambar dan video
File terbesar di situs web, dan karenanya memuat paling lambat, adalah gambar dan video. Ada beberapa tips sederhana yang dapat Anda ikuti untuk membantu mempercepat situs Anda saat bekerja dengan gambar.
- Ubah ukuran gambar Anda. Lihatlah situsnya dan lihat bagaimana dia menggunakan setiap gambar. Apakah logo Anda hanya mengambil sudut kecil dari situs Anda? Jadi Anda tidak perlu resolusi sebesar itu. Buka foto Anda di perangkat lunak pengedit foto dan ubah ukurannya menjadi sesuatu yang lebih sesuai. Ini secara dramatis dapat mengurangi waktu pemuatan halaman Anda.
- Kompres dan optimalkan gambar dan video Anda. Setelah mengubah ukuran gambar, Anda dapat mengoptimalkannya tanpa kehilangan kualitas. Ada beberapa situs web gratis untuk mengoptimalkan gambar gambar dengan gambar, seperti compressor.io.
Ada juga berbagai plugin yang dapat Anda gunakan untuk menangani ini secara otomatis. Banyak dari ini gratis untuk jumlah tetap per bulan, dan relatif murah sesudahnya. Secara pribadi, saya suka TinyPNG plugin Tiny Compress Images, karena juga termasuk kompresi file yang sudah diunggah dalam versi gratisnya.
Akun gratis dengan CloudFlare sempurna untuk memulai, jika Anda mengharapkan situs Anda dibaca di seluruh dunia. Jika situs Anda hanya lokal, itu sebenarnya dapat meningkatkan waktu buka situs Anda, jadi beberapa pengujian mungkin diperlukan.
Optimalkan kode Anda dan pengiriman kode
Hilangkan pembengkakan
- Pertama, lihat plugin yang saat ini Anda instal. Adakah yang bisa saya lakukan tanpanya? Jika demikian, hapus. Apakah ada plugin di mana Anda hanya menggunakan sebagian kecil dari fungsi? Ini adalah kandidat yang baik untuk penggantian dengan suplemen yang lebih kecil, lebih spesifik.
- Seberapa kembung tema Anda? Jika tema WordPress Anda memiliki halaman demo, jalankan demo itu melalui situs uji di atas. Jika skor Anda sangat rendah, pertimbangkan kompensasi untuk beralih ke topik lain.
- Apakah ada sumber eksternal yang bisa saya lakukan tanpanya? Ya Facebook Itu memuat 15 skrip pada halaman Anda, apakah ada cara untuk mencapai tujuan yang sama tanpa itu? Atau mungkin Anda ingin melihat penggunaan file font yang di-host secara lokal, alih-alih mengunduhnya dari Google setiap saat.
Optimalkan dan sajikan konten Anda
Kami akan mulai dengan menggabungkan dan meminimalkan sisa file CSS dan JavaScript kami. Menggabungkan file mengurangi jumlah permintaan yang dibuat oleh situs Anda, dan menguranginya mengurangi ukuran file yang harus diunduh, yang mempercepat total pemuatan halaman.
Untuk melakukan ini, kita akan menginstal dan mengaktifkan plugin optimasi otomatis. Setelah diaktifkan, buka halaman di bawah menu Opsi Dashboard dan aktifkan pengoptimalan untuk HTML, CSS, dan JavaScript.
Anda juga ingin menginstal Remove Static Resource Query Strings, untuk memungkinkan semua skrip dan file CSS di-cache. Cukup instal dan aktifkan ini, tidak diperlukan konfigurasi.
CATATAN: Optimalisasi otomatis terkadang menyebabkan plugin atau fitur berbasis JavaScript tertentu mengalami masalah. Jangan panik jika sesuatu berhenti berfungsi setelah dipasang, karena tidak ada yang permanen di sini. Jika demikian, pada halaman konfigurasi plugin, Anda dapat mengklik "Tampilkan pengaturan lanjutan" dan kemudian tambahkan file yang dimaksud ke daftar "kecualikan" di JavaScript. Bagian ini mungkin memerlukan beberapa percobaan dan kesalahan. Ketika perubahan dibuat, pastikan untuk mengklik "Simpan dan Hapus Cache".
Selanjutnya, kita akan menunda JavaScript ke footer. Ini menyebabkan JavaScript dimuat setelah konten halaman, sehingga pengguna dapat mulai membaca saat skrip dimuat di latar belakang. Untuk ini, kita akan menggunakan plugin Javascript Async.
Setelah Anda menginstal dan mengaktifkannya, Anda perlu memastikan semuanya diatur ke "berbeda" dan di bagian bawah pastikan untuk mengaktifkan dukungan optimasi otomatis. Catatan yang sama berlaku dengan Autoptimize: jika ada yang rusak, Anda dapat menambahkannya ke daftar pengecualian. Ini dapat mengambil coba-coba.
Langkah terakhir yang akan kita ambil di sini adalah mengkonfigurasi plugin caching. Setelah memiliki pengunjung di situs Anda, plugin caching membuat salinan statis halaman Anda. Salinan statis ini disajikan untuk pengunjung masa depan, melewati semua perhitungan kode sumber yang diperlukan dan mempercepat pemuatan halaman berikutnya. Ada banyak opsi di sini, semua dengan kelebihan dan kekurangan mereka sendiri. Saya pribadi suka Cachify, di mana Anda baru saja menginstal dan mengaktifkannya, dan pengaturan default berfungsi dengan sangat baik.
CATATAN: Karena semuanya disimpan (secara default selama 12 jam), Anda kadang-kadang ingin memaksa memuat ulang cache lebih awal, terutama jika Anda melakukan hal-hal seperti mengedit atau memposting artikel. Cachify secara otomatis membersihkan cache ketika Anda menerbitkan halaman, tetapi ketika Anda mengedit, Anda mungkin perlu melakukannya dengan mengklik tempat sampah di sudut kanan atas bilah admin. Anda juga dapat mengecualikan halaman individual dari cache pada halaman pengaturan Cachify, jika Anda memiliki sesuatu yang sering berubah (seperti pembayaran WooCommerce dll.).
Optimalkan pengaturan server Anda
Bagian ini sangat tergantung pada situasi akomodasi Anda. Tidak semua opsi ini akan tersedia untuk semua host. Jika Anda tidak yakin, saya akan menghubungi penyedia hosting Anda. Ini terutama akan mempengaruhi waktu hingga byte pertama dan beberapa opsi, seperti pengaturan gzip dan kedaluwarsa file. Jika host Anda tidak dapat menjawab pertanyaan-pertanyaan ini dengan memuaskan, atau jika Anda masih mendapatkan TTFB (Tes WebPage) yang lambat setelah menyelesaikan langkah-langkah lainnya, mungkin sudah waktunya untuk mempertimbangkan pindah ke host baru.
Saya akan memastikan host Anda menjalankan minimum PHP 5.6, atau lebih disukai PHP 7 (dengan peningkatan kecepatan yang signifikan lebih dari 5.x). PHP 7 memungkinkan opcache caching sisi server PHP secara default (ini berfungsi baik dengan Cachify). Anda perlu memastikan bahwa gzip diaktifkan di tingkat server. Ada opsi lain untuk mempercepat pemuatan situs Anda di server itu sendiri, menggunakan pengaturan seperti cache pernis dan pengaturan lain di luar ruang lingkup artikel ini.
Jika Anda menggunakan Apache sebagai server web Anda, Anda dapat meletakkan (atau memodifikasi) file .htaccess di dalam folder situs WordPress utama Anda. Berikut adalah pengaturan untuk mengaktifkan tajuk kedaluwarsa untuk semua konten di situs Anda. Ini memberi tahu komputer pengunjung untuk tidak mengunduh ulang hal-hal seperti gambar, skrip, dll., Hingga waktu tertentu berlalu. Ini sangat berguna untuk hal-hal yang tidak akan berubah sehingga kunjungan berikutnya memuat lebih cepat.
Atau jika Anda ingin menyederhanakannya, tingkatkan ke hosting WordPress yang dikelola sepenuhnya. Ini investasi yang lebih besar, tetapi penyedia hosting Anda akan mengurus semua ini untuk Anda.
Pembaruan konten
EBook kecepatan situs web non-teknis gratis
Ini adalah masalah utama yang dapat memperlambat situs Anda. Selalu ada ruang untuk perbaikan lebih lanjut, tetapi ini harus menjadi awal yang baik.
Hanya beberapa peringatan di situs uji kecepatan yang kami gunakan sebelumnya:
- Setiap situs menguji berbagai hal dan tindakan dengan cara yang berbeda. Jangan khawatir tentang nilai surat atau persentase. Alih-alih, periksa dan pastikan Anda telah mengerjakan kategori sebanyak yang Anda bisa. Bagian-bagian yang sangat penting adalah TTFB, Start Render, dan Load Time, karena inilah yang akan dilihat pengunjung di bagian akhir.
Simpan Hemat
