17 Tips Efektif Untuk Mengurangi Waktu Muat Halaman Blog

Bayangkan mengunjungi situs di mana setiap halaman membutuhkan waktu beberapa detik untuk dimuat.

Membuat frustrasi, bukan?

Faktanya adalah, banyak blogger mengabaikan kecepatan memuat situs web mereka saat memuat elemen visual yang mewah - dari carousel gambar hingga widget interaktif.

Itu bukan cara untuk mengesankan audiens Anda.

Yang mereka butuhkan adalah blog yang memuat dengan cepat, memaksimalkan keterbacaan, dan menyampaikan informasi yang mereka inginkan segera .

Mari kita bahas bagaimana memberi mereka apa yang mereka inginkan.

Mengapa Kecepatan Memuat Halaman Penting

Selain pengalaman pengguna yang lebih baik, kecepatan pemuatan yang cepat juga memiliki banyak manfaat dari sudut pandang pemasaran.

Mempertahankan Lebih Banyak Lalu Lintas

Statistik menunjukkan bahwa sekitar 40 persen pengguna akan meninggalkan situs yang gagal dimuat dalam tiga detik atau kurang. Angka ini melonjak menjadi 53 persen jika kita berbicara tentang pengguna seluler.

• Menyimpan

Dan Anda bertanya-tanya mengapa blog Anda memiliki rasio pentalan yang begitu buruk.

Jika Anda terus mengabaikan kecepatan memuat blog, pada dasarnya Anda memotong potensi lalu lintas menjadi sekitar setengahnya.

Tingkatkan Konversi

Tahukah Anda bahwa penundaan satu detik dalam waktu muat menyebabkan penurunan konversi sebesar 7 persen?

Untuk meletakkan segala sesuatunya dalam perspektif, itu adalah kerugian $ 7 setiap kali Anda mengamankan konversi senilai $ 100.

• Menyimpan

Ini mungkin tidak tampak besar, tetapi ingat bahwa situs web pesaing Anda hanya berjarak beberapa klik saja.

Setelah pembaca beralih ke blog lain dengan pengalaman pengguna yang lebih baik, mereka mungkin tidak akan pernah melihat ke belakang.

Peringkat Mesin Pencari Lebih Tinggi

Jika Anda tidak tahu, mesin pencari seperti Google sangat khusus dalam hal pengalaman pengguna.

Itulah mengapa mereka memandang kecepatan memuat sebagai faktor peringkat penting tidak hanya untuk desktop, tetapi juga untuk situs web seluler.

• Menyimpan

Jika Anda tidak terbiasa dengan istilah SEO atau Search Engine Optimization , saya sarankan Anda mulai belajar menggunakan postingan ini.

Untuk saat ini, izinkan saya menunjukkan kepada Anda langkah selanjutnya untuk mencapai performa blog terbaik: mengukur kecepatan pemuatan blog Anda yang sebenarnya.

Cara Menguji Kecepatan Memuat Situs Web

Anda mungkin mengira situs web Anda sudah berjalan cukup cepat, tetapi hanya alat seperti Google PageSpeed ​​Insights yang dapat membuktikannya.

Sederhananya, ini adalah alat pengoptimalan kinerja yang menganalisis kecepatan situs web Anda, mendeteksi masalah yang memengaruhi kecepatan, dan memberikan daftar saran bersama dengan sumber daya yang bermanfaat.

Untuk menggunakan PageSpeed ​​Insights, lanjutkan dan masukkan URL blog Anda dan klik 'Analisis.'

• Menyimpan

Beri waktu Wawasan PageSpeed ​​beberapa detik untuk melakukan keajaibannya.

Setelah selesai, hal pertama yang akan Anda temukan adalah penilaian mendalam tentang kinerja situs web Anda, termasuk skor kecepatan Anda, faktor-faktor yang memengaruhi kecepatan pemuatan, dan perkiraan latensi atau penundaan sebelum masukan pengguna dapat didaftarkan.

• Menyimpan

Anda juga dapat menggunakan PageSpeed ​​Insights untuk kinerja seluler dengan beralih ke tab 'Seluler' . Alat tersebut akan segera menyajikan kepada Anda laporan berbeda yang mencerminkan kinerja blog Anda pada ponsel cerdas dan tablet.

• Menyimpan

Sudah menemukan skor kecepatan Anda?

Mulai saat ini, saya menyarankan Anda untuk menggunakannya sebagai alat utama untuk mengukur kinerja situs web Anda.

Sasaran Anda sederhana: melakukan pengoptimalan sebanyak yang diperlukan untuk mencapai akhir "cepat" dari skala skor kecepatan.

Mari saya tunjukkan apa yang saya bicarakan.

• Menyimpan

Anda mungkin membaca di suatu tempat bahwa skor kecepatan setidaknya 85 sudah cukup baik, yang sebenarnya sangat benar mengingat bahkan situs besar seperti Facebook memiliki skor kurang dari 90.

• Menyimpan

Tapi sebagai merek pemula yang mencoba membuat perubahan di ceruk pasar Anda, memilih " cukup baik " bukanlah pilihan.

Anda harus selalu merangkul peluang yang akan membantu Anda menjadi yang terdepan dalam persaingan.

Meningkatkan pengalaman pengguna di situs web Anda dengan meningkatkan kecepatan pemuatan adalah salah satu dari peluang ini.

Siap mengambil langkah selanjutnya? Kalau begitu mari kita mulai.

Cara Mengurangi Waktu Memuat Blog

Sekarang kita telah membahas " mengapa " pengoptimalan kecepatan pemuatan halaman, sekarang saatnya berbicara tentang " caranya. ”

Jika Anda mengetahui satu atau dua hal tentang pengembangan web, melakukan rekomendasi yang ditampilkan di PageSpeed ​​Insights akan menjadi awal dari kampanye pengoptimalan kinerja Anda. Anda seharusnya dapat menemukannya tepat di bawah bagian " Data Lab ".

• Menyimpan

Biasanya, saran yang akan Anda dapatkan di PageSpeed ​​Insights bergantung pada status situs web Anda secara keseluruhan. Akan tetapi, sebagian besar rekomendasi pengoptimalan yang umum akan disertakan dalam daftar strategi yang telah saya susun di bawah ini.

Tanpa basa-basi lagi, berikut adalah langkah-langkah yang telah terbukti untuk blog yang jauh lebih cepat dan menguntungkan:

1. Hapus Plugin yang Tidak Diinginkan

Platform penerbitan blog dan sistem manajemen konten seperti WordPress biasanya mendukung banyak sekali plugin yang siap digunakan, yang memudahkan penerapan semua jenis fitur.

Anda dapat menampilkan widget pemesanan online, membuat formulir keikutsertaan khusus, membuat halaman arahan yang mengesankan - tanpa menulis satu baris kode pun sepanjang waktu. Cukup gunakan bilah pencarian terintegrasi untuk menemukan plugin yang sesuai dengan kebutuhan Anda dengan cepat.

• Menyimpan

Bicara tentang kenyamanan.

Namun, menggunakan plugin bisa menjadi pedang bermata dua.

Anda tidak bisa begitu saja memuat situs web Anda dengan plugin sebanyak yang Anda suka.

Terlalu banyak plugin dalam satu halaman dapat menghabiskan sumber daya server dan memperlambat situs Anda hingga merayapi.

Jika Anda tidak pernah terlalu memperhatikan pustaka plugin Anda, kemungkinan Anda menginstal plugin redundan yang memiliki fitur inti serupa.

Anda akan berpikir bahwa WordPress akan memperingatkan Anda jika Anda akan menginstal banyak plugin dengan jenis yang sama.

Sayangnya, bukan itu masalahnya.

Lihat saja banyak pembuat formulir yang bisa saya masukkan ke dalam dasbor WordPress saya:

• Menyimpan

Kabar baiknya adalah, konflik antara plugin serupa dapat dengan mudah diperbaiki dengan menonaktifkan plugin yang tidak lagi Anda perlukan.

Untuk melakukan ini, perluas menu 'Plugins' dari dasbor Anda dan buka 'Installed Plugins.' Dari sana, pilih semua plugin yang tidak Anda perlukan dan terapkan perintah 'Nonaktifkan' atau 'Hapus' dari menu tarik-turun "Tindakan Massal".

• Menyimpan

Terlepas dari konflik antara plugin serupa, plugin tertentu - terutama yang belum teruji dengan versi WordPress Anda saat ini - dapat menyebabkan dasbor Anda rusak.

Anda dapat menghindari ini dengan menginstal plugin satu per satu sambil menghindari plugin " belum teruji ".

• Menyimpan

Jika Anda mengalami waktu pemuatan yang lebih lama, crash, atau masalah lain di dasbor WordPress Anda, nonaktifkan plugin terakhir yang Anda instal. Jika masalah terus berlanjut, mungkin masalahnya disebabkan oleh plugin lain.

Saat itulah Anda dapat menonaktifkan semua plugin dan mengaktifkannya satu per satu hingga Anda menemukan pelakunya. Setelah Anda melakukannya, pertimbangkan untuk mencari plugin alternatif atau memperbaruinya ke versi terbaru.

2. Cari Plugin yang Berfungsi Lebih Banyak

Selagi kita menggunakan plugin, mari kita bahas tentang pilihan plugin Anda.

Di WordPress, semakin sedikit plugin, semakin baik.

Sebisa mungkin, cari plugin yang dapat memakai banyak topi daripada memasang yang baru untuk setiap fitur yang ingin Anda terapkan.

Misalnya, daripada menggunakan plugin terpisah untuk formulir kontak, peringkat bintang, ulasan, dan desain halaman arahan, cukup gunakan plugin seperti Elementor Page Builder yang menggabungkan semua fitur ini menjadi satu.

• Menyimpan

Setelah membuang kelebihan plugin dari CMS Anda, mari kita lihat faktor lain yang dapat menyebabkan situs web Anda berjalan lambat.

3. Tingkatkan Paket Hosting Anda

Untuk blogger baru, paket hosting satu dolar untuk situs web Anda sangat sulit ditolak.

Tetapi begitu Anda mulai menghasilkan ratusan, jika tidak ribuan, pengunjung per bulan, Anda akan mengerti mengapa perusahaan hosting menawarkan paket pada titik harga ini.

Perlambatan yang sering terjadi, waktu henti, dukungan pelanggan yang buruk - ini adalah beberapa kelemahan dalam memilih solusi hosting web murah. Itu terutama karena layanan hosting satu dolar biasanya menggunakan perangkat keras server dasar yang kurang bertenaga.

'Jika Anda serius tentang blogging, situs web Anda layak mendapatkan sesuatu yang lebih baik daripada paket hosting termurah.' - Ankit Singla

Lakukan riset dan cari perusahaan web hosting yang didukung oleh banyak ulasan positif, seperti:

• BlueHost
• HostGator
• SiteGround
• WPXHosting

Jika ragu, Anda dapat menggunakan alat seperti Pickuphost untuk menguji kecepatan host mana pun yang Anda pertimbangkan. Yang perlu Anda lakukan adalah memilih penyedia hosting Anda dari menu drop-down, pilih lokasi server, dan klik 'Start Test.'

Idealnya, Anda harus memilih lokasi server di dekat audiens target Anda.

• Menyimpan

Anda mungkin juga memperhatikan bahwa sebagian besar perusahaan hosting menawarkan beberapa paket, termasuk bersama, Virtual Private Server atau VPS, dan berdedikasi.

Untuk sebagian besar blog, paket hosting VPS seharusnya lebih dari cukup untuk menangani kebutuhan bandwidth situs web Anda. Paket hosting bersama, di sisi lain, mungkin juga layak jika Anda belum mendapatkan gerombolan lalu lintas.

Saya sarankan memulai dengan hosting bersama terlebih dahulu dan meningkatkan ke paket bertenaga VPS setelah lalu lintas blog Anda meningkat.

Mungkin satu-satunya alasan untuk memilih hosting khusus adalah jika situs Anda juga memiliki toko online dengan ratusan produk. Dalam hal ini, bahkan host VPS mungkin tidak memiliki kapasitas bandwidth yang diperlukan untuk menjaga toko digital Anda tetap aktif.

4. Pilih Tema yang Lebih Baik

Berbicara tentang bandwidth, Anda dapat mengurangi kebutuhan bandwidth situs web Anda dengan memilih tema yang lebih sederhana dan minimalis.

Pengguna WordPress harus segera memahami apa yang saya bicarakan.

Lagi pula, pustaka tema WordPress sudah memiliki beberapa tema minimalis gratis. Bahkan perancang tema pihak ketiga menampilkan banyak tema ringan yang dapat meningkatkan kinerja situs web Anda.

• Menyimpan

Kuncinya di sini adalah mencari tema yang tidak bertabur detail visual yang tidak perlu, seperti penggeser gambar, animasi, dan efek CSS.

Anda dapat memeriksa sendiri elemen-elemen ini dengan melihat pratinjau tema, yang merupakan fitur pokok di sebagian besar pasar tema, termasuk direktori tema WordPress.

• Menyimpan

Tema anak Genesis dari Studiopress adalah salah satu tema favorit saya untuk WordPress. Mereka menawarkan lusinan tema minimalis dan ramah seluler yang juga kompatibel dengan editor Gutenberg , yang merupakan editor konten default untuk WordPress versi 5.0 dan yang lebih baru.

Lebih penting lagi, tema ini akan membantu Anda mencapai kecepatan pemuatan yang lebih cepat untuk situs Anda.

Untuk mempelajari lebih lanjut tentang tema Genesis dan manfaatnya, Anda pasti harus melihat ulasan ini.

5. Optimalkan Gambar Anda

Tidak semua elemen visual yang memengaruhi kinerja situs web Anda dimasukkan ke dalam tema Anda.

Setiap gambar yang Anda unggah ke situs web Anda, baik itu logo situs web Anda, gambar unggulan, tombol, atau infografis, meningkatkan persyaratan bandwidth blog Anda dan karenanya memengaruhi kinerja.

Tetapi karena konten visual harus dimiliki di setiap blog, Anda juga tidak bisa berhenti membumbui postingan Anda dengan gambar. Sebagai gantinya, Anda dapat menggunakan alat kompresi gambar seperti Kraken.io untuk mengurangi ukuran gambar Anda tanpa perubahan kualitas yang nyata.

• Menyimpan

Kraken.io hadir dengan alat kompresi lossless berbasis cloud gratis yang dapat mengoptimalkan gambar secara massal. Cukup seret dan lepas gambar Anda ke alat atau unggah folder zip untuk memulai proses kompresi.

Jangan lupa untuk mengatur mode kompresi ke " Lossless " agar gambar akhir tidak terlihat buram.

• Menyimpan

Untuk blogger yang dihosting sendiri, Anda dapat meningkatkan kecepatan WordPress dengan plugin seperti WP Smush untuk mengompresi semua gambar di perpustakaan media Anda sekaligus. Cukup klik 'Smush' dari dasbor Anda dan 'Bulk Smush Now' untuk memulai.

• Menyimpan

WP Smush juga memberi Anda opsi untuk mengompres gambar secara otomatis segera setelah diunggah. Untuk mengaktifkan fitur ini, aktifkan 'Smush Otomatis' di bawah bagian "Pengaturan" dari antarmuka plugin.

• Menyimpan

Ingat, kompresi gambar hanyalah salah satu hal yang harus Anda lakukan jika Anda penggemar konten visual - seperti saya. Karena itu, saya mendorong Anda untuk membaca panduan terperinci saya tentang pengoptimalan gambar dan SEO.

• Menyimpan

6. Nonaktifkan Hot Linking

Bahkan dengan kompresi lossless, gambar Anda masih dapat menghabiskan sumber daya server Anda dan memperlambat situs Anda karena hotlinking.

Ini adalah praktik umum saat situs lain menautkan langsung ke gambar atau file Anda - memungkinkan mereka untuk menampilkan sumber daya ini di halaman mereka sendiri.

Tentu, membagikan konten Anda di situs web lain itu bagus bila dilakukan dengan cara yang benar. Tetapi dengan hotlinking, situs-situs ini pada akhirnya menggunakan bandwidth yang telah Anda bayarkan dengan menarik konten dari situs Anda.

Itu sebabnya hotlinking juga sering disebut sebagai pencurian bandwidth .

Anda dapat menghentikan hotlink untuk selamanya dengan menambahkan kode berikut ke "file .htaccess" Anda:

gzip aktif;

gzip_disable “msie6”;

gzip_vary aktif;

gzip_proxied any;

gzip_comp_level 6;

gzip_buffers 16 8k;

gzip_http_version 1.1;

aplikasi gzip_types / aplikasi javascript / rss + aplikasi xml / aplikasi vnd.ms-fontobject / aplikasi x-font / aplikasi x-font-opentype / aplikasi x-font-otf / aplikasi x-font-truetype / aplikasi x-font-ttf / x-javascript application / xhtml + xml application / xml font / opentype font / otf font / ttf image / svg + gambar xml / teks x-icon / teks css / teks javascript / teks biasa / xml;

Bagi mereka yang tidak tahu di mana menemukan file .htaccess situs web mereka, itu dapat ditemukan di panel kontrol akun hosting Anda.

Yang perlu Anda lakukan adalah mencari " pengelola file " layanan hosting Anda dan arahkan ke folder root situs Anda. File .htaccess Anda seharusnya ada di sana dengan ikon yang menyerupai notepad:

• Menyimpan

7. Investasikan dalam CDN

Selesai dengan kompresi gambar dan pencegahan hotlinking?

Baik.

Bagaimana jika saya memberi tahu Anda bahwa ada cara untuk membuat gambar Anda memuat lebih cepat?

Dengan Jaringan Pengiriman Konten atau CDN, Anda dapat memanfaatkan seluruh jaringan server proxy untuk mempercepat kecepatan transfer data situs web Anda ke pengguna.

Bagian terbaiknya adalah, penyedia layanan CDN memastikan bahwa server mereka didistribusikan di seluruh lokasi utama di seluruh dunia. Ini secara signifikan mengurangi masalah latensi yang biasanya dialami pengunjung dari area jauh.

• Menyimpan

Sama seperti web host, Anda harus berhati-hati saat memilih CDN untuk blog Anda.

Jangan khawatir - Saya membuat daftar Layanan CDN terbaik untuk blog WordPress yang dapat Anda gunakan.

Saya pribadi dapat menjamin MaxCDN, yang sejauh ini merupakan salah satu CDN terbaik dalam hal biaya dan fitur.

8. Minimalkan Kode Anda

Gambar Anda bukan satu-satunya hal yang dapat meningkatkan persyaratan bandwidth situs web Anda.

Kode seperti HTML, CSS, dan JavaScript juga dapat berkontribusi pada ukuran halaman web Anda.

Cara mengatasinya? Minimalkan dengan menghapus karakter yang tidak perlu di dalam kode, seperti spasi, baris tambahan, dan komentar.

Karakter-karakter ini, dengan cara apapun, tidak mempengaruhi fungsi kode, tetapi meningkatkan ukuran filenya. Pada gilirannya, browser akan membutuhkan waktu lebih lama untuk mendownload dan menjalankan kode saat memuat halaman Anda.

• Menyimpan

Tunggu sebentar - apakah itu berarti Anda harus memeriksa setiap kode di situs Anda untuk menghapus karakter yang tidak perlu satu per satu?

Tenang.

Sama seperti kompresi gambar, ada alat yang dapat Anda gunakan untuk mengotomatiskan proses ini.

Minify Code, misalnya, adalah alat gratis yang dapat memangkas kode Anda dalam hitungan detik. Ini berfungsi untuk semua file JavaScript, CSS, dan HTML yang mungkin Anda miliki di situs web Anda.

• Menyimpan

Jika Anda menggunakan WordPress, alternatifnya adalah menggunakan plugin seperti W3 Total Cache, yang dapat meminimalkan aset kode Anda dalam satu gerakan.

Setelah dipasang, klik 'Performa' dari dasbor utama dan klik 'Minify' untuk melihat opsi Anda.

• Menyimpan

Saya sarankan untuk mengaktifkan pengaturan berikut untuk mengoptimalkan kode situs web Anda untuk meningkatkan kinerja:

• HTML mengecilkan pengaturan
• JS meminimalkan pengaturan
• CSS memperkecil pengaturan

• Menyimpan

Baca Tutorial W3 Total Cache ini untuk semua pengaturan optimal.

9. Hindari Sumber Daya yang Memblokir Render

Karena kita sedang membahas topik kode, mari kita pelajari hal-hal yang lebih canggih.

Jika Anda menjalankan Wawasan PageSpeed ​​dan diberi tahu untuk "menghilangkan sumber daya yang memblokir perenderan", Anda mungkin perlu mengotori tangan Anda dengan beberapa pengkodean untuk memaksimalkan kinerja blog Anda.

• Menyimpan

Singkatnya, sumber daya yang memblokir perenderan adalah kode yang menghalangi pemuatan konten HTML inti situs web. Itu berarti logo, menu, posting, dan elemen penting lainnya dari halaman Anda tidak akan dimuat kecuali sumber yang bermasalah dimuat.

Sumber daya yang memblokir rendering dapat berupa stylesheet, impor HTML, dan berbagai skrip. PageSpeed ​​Insights memberi Anda daftar lengkap kode berikut:

• Menyimpan

Untuk menangani sumber daya yang memblokir perenderan, langkah termudah adalah dengan memindahkan JavaScript ke bagian bawah HTML situs Anda - tepat sebelum tag penutup "</body>".

Anda juga dapat menggunakan atribut "defer" agar skrip dimuat hanya setelah HTML dimuat sepenuhnya. Ini dapat dilakukan dengan memasukkan defer = ”defer” ke dalam tag “<script>”.

• Menyimpan

Lihat posting ini untuk informasi lebih lanjut tentang sumber daya yang memblokir render dan apa yang dapat Anda lakukan untuk mengoptimalkannya.

Tentu saja, Anda selalu bisa mendapatkan bantuan dari pengembang web jika Anda merasa tidak nyaman bekerja dengan kode. Sebagai alternatif, Anda dapat menggunakan plugin seperti Autoptimize untuk secara otomatis menunda skrip ke footer situs web Anda - plugin pengoptimalan kecepatan WordPress lainnya yang membuat pekerjaan Anda seratus kali lebih mudah.

• Menyimpan

10. Kurangi Jumlah Posting di Beranda Anda

Selanjutnya, mari kita bicara tentang jumlah posting yang ditampilkan di beranda Anda.

CMS seperti WordPress dan platform penerbitan blog sering kali memiliki banyak tema yang menampilkan postingan blog sejak awal.

Jika Anda menggunakan gambar berfitur berkualitas tinggi untuk setiap posting, pengguna pasti akan membutuhkan lebih banyak waktu untuk memuat beranda Anda.

Saya pribadi hanya menampilkan empat posting di beranda saya untuk ukuran yang baik:

• Menyimpan

Memang, browser dapat menarik judul posting blog Anda - terkadang menyertakan deskripsi atau beberapa baris pertama konten Anda - saat gambar sedang dimuat. Tapi itu masih mengurangi kelancaran keseluruhan pengalaman pengguna di situs web Anda.

Sisi positifnya, sebagian besar platform situs web dan CMS memungkinkan Anda mengurangi jumlah posting yang ditampilkan di beranda Anda.

Karena pengaturan yang perlu Anda ubah untuk ini bervariasi dari platform ke platform, mari kita lihat bagaimana hal itu dilakukan di WordPress.

Dari dasbor utama, klik 'Pengaturan' dan pergi ke bagian 'Membaca' .

• Menyimpan

Anda akan segera melihat pengaturan " Halaman blog tampil paling banyak ". Jangan ragu untuk mengubah nilai default ke angka yang lebih kecil dan periksa apakah ini meningkatkan kecepatan pemuatan situs web Anda.

• Menyimpan

11. Jangan Membanjiri Pembaca dengan Iklan

Meskipun pratinjau posting di beranda Anda dapat berdampak negatif pada kecepatan memuat Anda, setidaknya pratinjau itu memiliki manfaat positif bagi pengalaman pembaca Anda.

Iklan, bagaimanapun, seringkali tidak.

Meskipun benar bahwa iklan benar-benar berguna dalam memonetisasi blog, pembaca Anda mungkin tidak akan menyukainya jika Anda mengganggu pengalaman mereka dengan beberapa iklan di satu halaman. Lebih penting lagi, mengatur iklan di setiap sudut situs web Anda akan menyebabkan penurunan kinerjanya.

• Menyimpan

Karena itu, sebaiknya Anda membiarkan audiens fokus pada elemen penting blog Anda dan meminimalkan iklan.

Saya, untuk satu, tidak mau berkompromi dengan pengalaman pembaca saya demi penghasilan tambahan - seperti yang Anda lihat di situs web saya tanpa iklan sama sekali.

• Menyimpan

Jika saya jadi Anda, saya hanya akan memprioritaskan tautan afiliasi sebagai strategi monetisasi utama saya. Ini adalah tautan kontekstual yang mengarah ke produk atau layanan yang dapat membantu pengguna.

Bagaimana Anda menghasilkan uang dengan pemasaran afiliasi?

Pertanyaan bagus.

Anda dapat merujuk ke panduan pemasaran afiliasi saya jika Anda tertarik.

12. Bersihkan Server Anda

Pada titik ini, Anda seharusnya sudah memahami korelasi antara kecepatan memuat dan jumlah kekacauan di situs web Anda.

Ini sangat sederhana: jika Anda menjaga blog Anda tetap minimalis dan ringan, browser tidak akan membutuhkan banyak waktu untuk memuat dan menyajikan semuanya kepada pengguna.

Selalu berhati-hati saat menambahkan lebih banyak elemen ke situs Anda, baik itu konten visual, skrip, atau iklan. Pada saat yang sama, pastikan akun hosting Anda masih memiliki ruang disk yang cukup untuk menjaga situs web Anda tetap berjalan mulus.

Akun hosting Anda harus memiliki alat bawaan yang memungkinkan Anda melacak penggunaan disk Anda secara keseluruhan. Untuk memberi Anda gambaran, berikut adalah tangkapan layar dari alat Penggunaan Ruang Disk SiteGround:

• Menyimpan

Jika akun hosting Anda kehabisan ruang, berikut beberapa hal yang dapat Anda lakukan:

• Pindahkan Cadangan ke Drive Lokal
  Situs web lama cenderung memiliki gigabyte cadangan yang disimpan di server hosting mereka. Mengunduhnya ke drive lokal dan menghapusnya dari server Anda adalah cara terbaik untuk mengosongkan ruang.
• Hapus Akun Tidak Aktif
  Jika Anda memiliki akun yang tidak aktif dalam paket hosting Anda, hapuslah untuk selamanya untuk menghemat banyak ruang disk. Karena ini adalah proses yang tidak dapat diubah, pertimbangkan untuk membuat cadangan lokal akun terlebih dahulu sebelum menghapus.
• Hapus File .TMP
  Platform situs web atau CMS Anda dapat menghasilkan file sementara dari tugas-tugas seperti pembaruan plugin dan pelacakan data sesi. Seharusnya aman untuk menghapusnya, tetapi tidak ada salahnya membuat cadangan offline dari folder "tmp" Anda untuk tujuan keamanan, juga.

Jika ragu, hubungi dukungan pelanggan penyedia layanan hosting Anda tentang cara menghemat ruang disk.

13. Aktifkan Caching Situs Web

Mengompresi gambar, mengecilkan kode, memperkecil iklan, membersihkan akun hosting Anda - kecepatan pemuatan situs web Anda harus secepat sebelumnya dengan strategi ini.

Tapi jangan santai dulu. Kami masih memiliki beberapa strategi lagi untuk dibahas yang akan meningkatkan kecepatan pemuatan situs web Anda lebih jauh.

Dengan cache situs web, blog Anda dapat dimuat hampir secara instan untuk pengunjung yang kembali.

Cache situs web berfungsi dengan mengaktifkan penyimpanan sementara data, termasuk skrip, gambar, file media, dan bentuk lain dari konten yang dapat diunduh - dengan demikian, mengurangi jumlah permintaan HTTP yang harus dibuat browser.

Untuk menerapkan cache situs web, metode yang panjang adalah dengan memasukkan kode berikut tepat ke bagian atas file .htaccess situs web Anda:

## BERAKHIR DALAM CACHING ##

<IfModule mod_expires.c>

ExpiresActive On

ExpiresByType image / jpg "akses 1 tahun"

ExpiresByType image / jpeg "akses 1 tahun"

ExpiresByType image / gif "akses 1 tahun"

ExpiresByType image / png "akses 1 tahun"

ExpiresByType text / css "akses 1 bulan"

ExpiresByType text / html "akses 1 bulan"

Aplikasi ExpiresByType / pdf "akses 1 bulan"

ExpiresByType text / x-javascript "akses 1 bulan"

Aplikasi ExpiresByType / x-shockwave-flash "akses 1 bulan"

ExpiresByType image / x-icon "akses 1 tahun"

ExpiresDefault "akses 1 bulan"

</IfModule>

## BERAKHIR DALAM CACHING ##

Jika mau, Anda dapat mengatur batas waktu yang berbeda sebelum cache tertentu kedaluwarsa. Misalnya, jika Anda ingin mengurangi waktu kedaluwarsa cache gambar PNG menjadi 1 bulan, cukup ubah baris "ExpiresByType image / png" menjadi:

ExpiresByType image / png "akses 1 bulan "

Sekali lagi, pengguna WordPress dapat menggunakan alat untuk membuat strategi pengoptimalan ini menjadi mudah. Faktanya, kami telah melalui plugin yang Anda butuhkan - W3 Total Cache.

Kembali ke sub-menu 'Kinerja' dari dasbor WordPress Anda, buka 'Cache Halaman' centang kotak 'Cache halaman posting' .

• Menyimpan

14. Gunakan Kompresi GZIP

Sebelum Anda menutup W3 Total Cache dan melanjutkan dengan strategi terakhir yang tersisa dalam panduan ini, ada satu hal lagi yang harus Anda lakukan.

Dari sub-menu 'Kinerja' , buka 'Cache Browser' dan centang opsi 'Aktifkan kompresi HTTP (gzip)' .

• Menyimpan

Kompresi GZIP meningkatkan kecepatan unduh file berbasis teks dengan mengurangi ukurannya - tidak terlalu berbeda dengan proses mengompresi file lokal Anda ke folder zip. Alasan utama mengapa kompresi GZIP diadopsi secara luas untuk pengoptimalan kecepatan situs web adalah karena ia secara native didukung oleh HTTP dari versi 1.1 dan seterusnya.

Jika Anda tidak menggunakan WordPress atau platform lain yang memiliki add-on terkait GZIP, maka Anda harus mengaktifkannya menggunakan cara tradisional: memodifikasi file .htaccess situs web Anda .

Karena Anda sudah tahu di mana menemukan file .htaccess Anda, yang tersisa hanyalah kode yang mengaktifkan kompresi GZIP di situs Anda.

Pergi - salin dan tempel.

Server Apache

<IfModule mod_deflate.c>

# Kompres HTML, CSS, JavaScript, Teks, XML dan font

AddOutputFilterByType DEFLATE application / javascript

AddOutputFilterByType DEFLATE application / rss + xml

AddOutputFilterByType DEFLATE application / vnd.ms-fontobject

AddOutputFilterByType DEFLATE application / x-font

AddOutputFilterByType DEFLATE application / x-font-opentype

AddOutputFilterByType DEFLATE application / x-font-otf

AddOutputFilterByType DEFLATE application / x-font-truetype

AddOutputFilterByType DEFLATE application / x-font-ttf

AddOutputFilterByType DEFLATE application / x-javascript

AddOutputFilterByType DEFLATE application / xhtml + xml

AddOutputFilterByType DEFLATE application / xml

AddOutputFilterByType DEFLATE font / opentype

AddOutputFilterByType DEFLATE font / otf

AddOutputFilterByType DEFLATE font / ttf

AddOutputFilterByType DEFLATE image / svg + xml

AddOutputFilterByType DEFLATE image / x-icon

AddOutputFilterByType DEFLATE teks / css

AddOutputFilterByType DEFLATE teks / html

AddOutputFilterByType DEFLATE teks / javascript

AddOutputFilterByType DEFLATE teks / biasa

AddOutputFilterByType DEFLATE teks / xml

# Hapus bug browser (hanya diperlukan untuk browser yang benar-benar lama)

BrowserMatch ^ Mozilla / 4 gzip-only-text / html

BrowserMatch ^ Mozilla / 4 \ .0 [678] no-gzip

BrowserMatch \ bMSIE! No-gzip! Gzip-only-text / html

Header menambahkan Vary User-Agent

</IfModule>

Server NGINX

gzip aktif;

gzip_disable “msie6”;

gzip_vary aktif;

gzip_proxied any;

gzip_comp_level 6;

gzip_buffers 16 8k;

gzip_http_version 1.1;

aplikasi gzip_types / aplikasi javascript / rss + aplikasi xml / aplikasi vnd.ms-fontobject / aplikasi x-font / aplikasi x-font-opentype / aplikasi x-font-otf / aplikasi x-font-truetype / aplikasi x-font-ttf / x-javascript application / xhtml + xml application / xml font / opentype font / otf font / ttf image / svg + gambar xml / teks x-icon / teks css / teks javascript / teks biasa / xml;

Perlu diingat bahwa, untuk pengguna NGINX, Anda perlu menempelkan kode ke file ".conf" Anda untuk menerapkan GZIP.

Menguji Kompresi GZIP

Jika Anda mengaktifkan kompresi GZIP secara manual, gunakan alat seperti Uji Kompresi GZIP oleh GiftOfSpeed ​​untuk memverifikasi keberhasilan penerapan.

Mirip dengan PageSpeed ​​Insights, satu-satunya langkah dalam menggunakan Uji Kompresi GZIP adalah memasukkan URL situs web Anda dan mengeklik tombol 'Periksa' .

• Menyimpan

Dalam beberapa detik, alat tersebut akan memverifikasi apakah kompresi GZIP diaktifkan di situs web Anda atau tidak. Ini juga akan menunjukkan kepada Anda persentase kompresinya, bersama dengan ukurannya sebelum dan sesudah kompresi.

• Menyimpan

15. Optimalkan Database Website Anda

Memperbaiki sumber daya yang memblokir perenderan dan mengaktifkan kompresi GZIP adalah salah satu strategi paling canggih dalam posting ini, tetapi kami belum selesai.

Langkah selanjutnya adalah mengoptimalkan tabel database MySQL Anda untuk membantu server Anda mengambil data yang dibutuhkan pengguna Anda dengan lebih cepat.

Apa itu tabel database MySQL?

Sederhananya, database MySQL Anda berisi hampir semua hal yang dapat ditemukan di situs web Anda, termasuk posting, komentar, tanggal, dan konten lainnya. Platform penerbitan blog dan CMS seperti WordPress kemudian secara otomatis membuat tabel di database Anda saat Anda menambahkan lebih banyak informasi ke situs Anda.

Berikut tampilan database MySQL:

• Menyimpan

Namun, basis data Anda juga akan mengumpulkan semua jenis sampah dari waktu ke waktu, termasuk pingback, komentar spam, dan revisi pos - ukurannya terus bertambah dan memengaruhi kinerja situs web Anda.

Untuk mengacaukan database MySQL Anda, salah satu opsinya adalah menggunakan alat pengoptimalan tabel terintegrasi di panel kontrol akun hosting Anda.

SiteGround, misalnya, memiliki perintah 'Optimalkan tabel' dari menu drop-down 'With Selected:' .

• Menyimpan

Opsi ini dapat ditemukan di alat "phpMyAdmin", yang seharusnya berada di bawah bagian "Database" dari panel kontrol Anda.

• Menyimpan

Sebagai aturan praktis, selalu buat cadangan database Anda sebelum Anda melakukan pengoptimalan. Unduh ke drive lokal untuk menghemat ruang disk akun hosting Anda.

Khawatir Anda akan mengacaukan sesuatu di server Anda?

Dengan plugin WordPress seperti WP-Sweep, Anda dapat mengoptimalkan tabel database Anda dari dalam antarmuka CMS. Setelah menginstal dan mengaktifkan plugin, masuk ke 'Tools' dan klik 'Sweep' untuk melihat tabel database yang ditemukan di situs Anda.

• Menyimpan

Dari sana, Anda dapat mengklik 'Sapu' untuk item database individual untuk menghapusnya - atau gulir ke bagian bawah halaman plugin dan klik 'Sapu Semua.'

• Menyimpan

Pastikan Anda tidak memiliki draf posting apa pun karena pembersihan penuh dari tabel database Anda juga akan menghapusnya. Saat Anda melakukannya, periksa komentar Anda yang tidak disetujui sehingga Anda tidak secara tidak sengaja menghapus pertanyaan, umpan balik yang berharga, dan masalah lain yang disuarakan oleh pembaca Anda.

16. Optimalkan Komentar Pengguna

Berbicara tentang komentar, blog WordPress juga memiliki fitur praktis yang dapat langsung menarik foto profil pemberi komentar melalui layanan Gravatar atau Avatar yang Diakui Secara Global .

Meskipun gravatars menambahkan sentuhan yang bagus ke bagian komentar blog Anda, itu berdampak pada kecepatan memuat situs web Anda. Ini memaksa beberapa blogger WordPress untuk menonaktifkan menampilkan mereka sama sekali.

Untuk melakukan hal yang sama, buka 'Pengaturan' , lalu klik 'Diskusi.' Cari opsi 'Tampilkan Avatar' di bawah bagian "Tampilan Avatar" dan hapus pilihannya.

• Menyimpan

Jika Anda ingin mempertahankan gravatars tetapi tidak menyukai efeknya pada kecepatan pemuatan, Anda dapat menggunakan plugin seperti BJ Lazy Load untuk membuat avatar memuat setelah sumber daya situs web penting - sebuah proses yang dikenal sebagai pemuatan lambat .

Selain avatar, Anda juga dapat mengaktifkan pemuatan lambat untuk thumbnail posting, gambar, iframe, dan jenis konten lainnya. Anda hanya perlu pergi ke 'Pengaturan', pilih 'BJ Lazy Load', dan pilih 'Ya' pada opsi yang ingin Anda gunakan.

• Menyimpan

Sejauh komentar WordPress, tip lain tentang cara meningkatkan kecepatan pemuatan halaman adalah dengan menggunakan pagination . Ini membagi komentar pada posting Anda menjadi beberapa halaman - mengurangi waktu yang dibutuhkan browser untuk memuat dan merendernya.

Untuk menggunakan pagination, cukup kembali ke halaman pengaturan 'Diskusi' dan aktifkan opsi 'Pisahkan komentar menjadi halaman dengan X komentar tingkat atas per halaman.'

• Menyimpan

Coba kurangi jumlah komentar yang terlihat per halaman dari nilai default 50 menjadi sekitar 10. Ini akan secara signifikan meningkatkan waktu pemuatan komentar dan, pada gilirannya, konten blog Anda.

17. Pengoptimalan Fokus pada Halaman Teratas Anda

Sebelum kami mengakhiri posting ini, inilah satu nasihat terakhir:

Mulailah mengoptimalkan kinerja halaman Anda yang paling populer .

Tidaklah masuk akal bagi Anda untuk memprioritaskan posting yang hampir tidak mendapatkan lalu lintas. Di sisi lain, menjadikan halaman teratas Anda sebagai prioritas berarti upaya Anda akan menguntungkan sebagian besar pengguna.

Google Analytics adalah alat gratis lainnya yang akan membantu Anda mengidentifikasi halaman teratas Anda. Cukup luaskan sub-menu 'Perilaku' dan klik 'Tinjauan' .

10 halaman teratas Anda harus terlihat di bawah bagian "Halaman".

• Menyimpan

Mudah bukan?

Anda juga dapat menggunakan Google Analytics untuk melakukan penelitian kata kunci yang mendalam - topik yang saya diskusikan di posting saya tentang cara menemukan kata kunci berkinerja terbaik Anda dengan Google Analytics.

Kesimpulan

Sebagai seorang blogger, Anda harus siap melakukan apa saja demi pengalaman pengguna.

Kecepatan memuat situs web Anda mungkin tampak seperti faktor yang dangkal, tetapi itu sendiri dapat membuat atau menghancurkan kesuksesan blog Anda - tidak hanya dari perspektif UX, tetapi juga dalam hal SEO.

Sekarang, saya tahu Anda tidak akan dapat menerapkan semua strategi di atas dalam satu hari. Karena itu, jangan lupa untuk menandai halaman ini dan bergabunglah dengan grup Facebook publik kami untuk panduan blog yang lebih mematikan!

• Menyimpan