Cara Lulus Tes Kecepatan Google Dengan Wawasan Pagespeed

Siapa yang ingin menunggu lama untuk memuat halaman? Terutama di ponsel. Skor tes kecepatan Google yang bagus sangat penting untuk situs Anda.

Kecepatan halaman dan Data Web Inti sangat penting saat ini, dan tidak ada alasan untuk memperlambat waktu pemuatan halaman atau situs web, terutama dengan situs WordPress.

Jika rata-rata waktu muat situs Anda lebih dari tiga hingga lima detik menggunakan uji kecepatan situs web, Anda kehilangan lalu lintas. Rasio pentalan Anda akan tinggi karena pembaca tidak akan menunggu dan menonton layar putih.

Performa situs web adalah faktor SEO yang vital, dan ini akan membantu Anda meningkatkan peringkat mesin telusur dan tingkat konversi. Faktanya, Google sekarang memiliki prioritas utama seluler Core Web Vitals untuk menentukan peringkat kata kunci dan halaman.

Bagaimana memastikan blog Anda up to speed

Banyak faktor yang mempengaruhi hasil tes tes kecepatan.

Layanan internet yang menyediakan tes kecepatan bervariasi dari satu negara ke negara atau bahkan kota ke kota.

Jika Anda telah menguji koneksi Internet Anda, Anda akan mengetahui bahwa kecepatan unduh dan unggah bergantung pada penyedia layanan Anda dan efisiensi pemeriksaan koneksi internet dan wi-fi Anda.

Namun, dengan Tes Kecepatan Google menggunakan Wawasan Kecepatan Halaman, Anda bisa mendapatkan gambaran umum tentang kecepatan unduhan dan kinerja situs untuk pengunjung situs Anda.

Tidak perlu berpikir bahwa mendapatkan 100 selalu menjadi tujuan utama. Anda dapat membuang banyak waktu untuk mengejar kesempurnaan dalam kinerja web. Tetapi mendapatkan skor hijau relatif mudah dan berarti situs Anda berkinerja baik.

Just Publishing Advice memiliki banyak fungsi bawaan, widget, dan gambar, tetapi masih berhasil mendapatkan skor yang sangat baik untuk kecepatan situs. Berikut ini sekilas kinerja situsnya.

Skor seluler biasanya sedikit lebih rendah karena Google mengurangi hasilnya jika Anda tidak menggunakan gambar dalam format generasi berikutnya.

Saat ini, ini akan menjadi tugas yang sangat besar untuk blog mana pun, karena setiap gambar di situs Anda harus diganti dengan file gambar JPEG 2000, JPEG XR, atau WebP. Untuk sebagian besar blogger, Anda dapat mengabaikan peringatan ini dan terus menggunakan file gambar JPEG dan PNG.

Cara menguji kinerja kecepatan situs Anda

Tes kecepatan Google memberi Anda ukuran perkiraan yang baik tentang kecepatan situs Anda.

Anda juga dapat memeriksa waktu pemuatan halaman rata-rata di Google Analytics. Tapi itu tidak memberi Anda informasi yang Anda butuhkan untuk menganalisis kinerja situs Anda secara detail.

Anda membutuhkan alat SEO yang lebih baik untuk melakukan pekerjaan itu.

Jika Data Lab Anda semuanya hijau, Anda baik-baik saja. Tetapi jika peringkat Anda berwarna oranye atau merah, Anda perlu mengambil tindakan.

Bergantung pada seberapa banyak lalu lintas yang Anda dapatkan, Anda mungkin atau mungkin tidak melihat penilaian Data Web Inti Anda.

Ini mengukur data kecepatan pengguna nyata dari browser Chrome.

Ini adalah tes lulus atau gagal jika Anda memiliki lalu lintas yang cukup untuk menghasilkan laporan.

Laporan ini memberi Anda panduan tentang di mana Anda dapat meningkatkan kinerja situs Anda.

Tetapi alat uji kecepatan halaman Google tidak memberi Anda banyak bantuan untuk melacak dan memperbaiki masalah.

Menemukan cara untuk memperbaiki masalah

Cara yang jauh lebih baik untuk memeriksa kecepatan situs adalah dengan menggunakan GTMetrix.

Ini adalah sumber terbuka dan menggunakan skor Google Pagespeed dan YSlow Yahoo, dan memberi Anda informasi yang jauh lebih banyak daripada Google.

Saat Anda memantau kinerja dan mengukur kecepatan Anda, ada dua pengaturan waktu yang perlu Anda periksa.

Sementara sebagian besar layanan pengujian menggunakan Fully Loaded Time untuk mengukur kinerja situs, ini bukanlah statistik terpenting.

Ukuran dunia nyata yang paling akurat dari kecepatan situs adalah waktu pemuatan Document Object Model (DOM).

Ini adalah titik dalam proses pemuatan situs saat halaman web aktif untuk pengguna.

Bagi saya, ini adalah statistik terpenting saat mengukur kecepatan sebenarnya dari sebuah halaman web.

Anda dapat melihat pada gambar di bawah bahwa meskipun waktu Fully Loaded adalah 1,9 detik, waktu DOM Loaded hanya 1,3 detik.

Ini adalah tampilan lain di bawah ini. Garis merah yang ditandai dengan panah adalah titik yang dimuat DOM.

Anda dapat melihat bahwa elemen yang tidak diperlukan pada tampilan pengguna pertama akan dimuat kemudian.

Elemen yang dimuat nanti biasanya adalah gambar yang lambat dimuat dan file javascript yang ditangguhkan hingga diperlukan untuk membantu kinerja halaman Anda lebih baik.

Setiap kali Anda memeriksa situs Anda, selalu perhatikan waktu pemuatan DOM Anda karena ini adalah ukuran yang jauh lebih akurat tentang seberapa cepat situs Anda bagi pengguna.

Selain itu, jalankan pengujian dua atau tiga kali karena kecepatan Internet bervariasi dari menit ke menit.

Anda bisa mendapatkan ide yang lebih baik dengan merata-ratakan hasil Anda selama, katakanlah, sekitar satu jam atau bahkan lebih lama.

Semua tes kecepatan Internet memiliki variasi alami ini, jadi jangan khawatir tentang mendapatkan satu hasil acak yang buruk.

Anda juga dapat memeriksa dengan situs tes kecepatan lainnya.

Jika situs Anda tidak mendapatkan peringkat hijau dari Google dan GTMetrix, berikut adalah sebelas cara sederhana, cepat dan mudah untuk memperbaiki masalah dan membuat pengunjung situs dan mesin telusur Anda senang.

1. Pertama, bersihkan kekacauan sidebar

Hal pertama yang harus Anda lakukan adalah memeriksa sidebar Anda. Apakah Anda memerlukan semua widget dan iklan itu? Sebenarnya, apakah Anda benar-benar membutuhkan sidebar?

Anda harus menganggap halaman Anda sebagai real estat utama.

Berapa banyak area berharga yang disia-siakan di situs Anda oleh elemen yang hanya memiliki sedikit tujuan nyata dan memperlambat situs Anda?

Halaman web yang berantakan juga sulit dibaca karena terlalu banyak gangguan.

Sebagian besar elemen sidebar meningkatkan kecepatan pemuatan, jadi semakin banyak yang dapat Anda hapus, semakin baik.

2. Hindari konten di halaman yang bergantung pada situs eksternal

Salah satu pelanggar terburuk karena memperlambat halaman web dan gagal dalam uji kecepatan Google adalah tombol Suka Facebook.

Halaman Anda harus menunggu Facebook sebelum halaman Anda dimuat. Ini adalah masalah umum dengan sebagian besar widget media sosial dan tombol berbagi.

Beberapa dapat menambahkan hingga dua detik atau lebih ke waktu muat halaman Anda.

Jika Anda membutuhkan berbagi media sosial, carilah plugin yang ringan.

Layanan Internet lain yang dapat memperlambat elemen di situs Anda termasuk iklan dan widget Amazon dan iklan Google spanduk besar.

Jika Anda memiliki Google Adsense, coba gunakan iklan dalam artikel daripada iklan spanduk besar dan atur keseimbangan iklan Anda menjadi sekitar 70-80 persen.

Bertentangan dengan apa yang mungkin Anda baca tentang Adsense, tidak ada beban yang besar di situs jika Anda menggunakan iklan dalam artikel.

Ini adalah halaman di situs kami dengan Google Ads yang diukur dengan GTmetrix.

Efek pada waktu muat minimal.

Dengan dua iklan, waktu yang dimuat penuh sempurna hanya dalam dua detik, dan DOM dimuat dalam 1,6 detik.

Selain itu, iklan terlambat dimuat, yang berarti halaman tidak menunggu di Google sebelum halaman dirender.

3. Periksa file javascript yang lambat

Setiap elemen yang Anda miliki di situs Anda membutuhkan waktu untuk dimuat.

Mengisi situs Anda dengan banyak plugin, widget, dan add-on memiliki biaya kecepatan yang sangat besar.

Berikut adalah penilaian GTMetrix terhadap website yang sangat membutuhkan perhatian segera. Pemuatan halaman dalam 12,4 detik sangat buruk hari ini.

Anda dapat menggunakan GTMetrix untuk menemukan setiap elemen yang memperlambat situs Anda.

Klik tanda + di sebelah setiap GET untuk mencari tahu apa yang memperlambat situs Anda dan apa yang perlu diperbaiki, dihapus, atau dioptimalkan.

Situs seperti di atas dapat diperbaiki dengan cepat dengan mengambil tiga tindakan yang sangat mudah.

Tiga poin berikut akan menjelaskan penambahan cache, minifying dan agregasi CSS dan Javascript, dan pemuatan gambar yang lambat.

Ketiga plugin yang direkomendasikan di bawah ini gratis.

4. Instal Cache Total W3

Ada banyak plugin caching yang sangat bagus untuk WordPress, termasuk WP Super Cache dan WP Fastest Cache.

Tapi saya telah menggunakan W3 Total Cache selama lebih dari sepuluh tahun sekarang di semua situs saya.

Ada banyak pengaturan yang dapat Anda gunakan dengan semua plugin ini untuk memanfaatkan caching browser, tetapi hanya ada dua yang perlu Anda atur dan gunakan.

Berikut adalah pengaturan untuk Total Cache. Tapi mereka serupa untuk semua plugin caching.

Anda hanya perlu mengaktifkan browser dan cache halaman.

Kedua pengaturan ini akan mempercepat situs Anda dengan meng-cache elemen situs Anda yang tidak berubah, seperti header, footer, elemen sidebar, dan menu.

5. Instal Optimasi Otomatis

Sebagian besar plugin caching juga dapat mengecilkan dan menggabungkan Javascript dan CSS.

Meskipun semuanya bekerja dengan baik, beberapa bisa sangat rumit untuk disiapkan.

Saya menggunakan Autoptimize untuk melakukan pekerjaan ini karena lebih cepat, lebih mudah disiapkan, dan jauh lebih efisien. Bahkan, Anda dapat mengaturnya dalam waktu kurang dari satu menit.

Apa yang dilakukannya adalah mengurangi ukuran semua file CSS dan Javascript dan kemudian menggabungkannya menjadi satu file CSS dan satu file Javascript.

Kedua file ini kemudian dimuat sehingga tidak memblokir render, yang sering menjadi masalah dengan uji kecepatan Google untuk beberapa situs.

Memperkecil dan menggabungkan membuat perbedaan besar pada kecepatan situs Anda.

Berikut adalah pengaturan yang saya gunakan untuk semua situs saya.

Bonus tambahan lainnya dengan Autoptimize adalah dukungannya luar biasa.

6. Instal a3 Lazy Load

Saat pengguna mengunjungi situs web Anda, semua gambar yang Anda miliki di halaman web perlu dimuat sebelum halaman Anda menjadi aktif dan dapat digunakan oleh pengunjung Anda.

Dengan menggunakan lazy loading, semua gambar yang tidak muncul di layar pengguna hanya dimuat saat di-scroll.

Melakukan hal ini membuat perbedaan besar pada kecepatan situs Anda karena gambar Anda akan dimuat setelah waktu DOM terisi penuh.

Saya mencoba beberapa plugin berbeda sebelum memutuskan a3 Lazy Load. Itu menang pada kinerja dan kemudahan penggunaan.

Setelah terinstal, Anda dapat menggunakan pengaturan default, atau Anda dapat melakukan beberapa penyesuaian.

Plugin akan memuat semua gambar, video, dan iFrame Anda dengan malas.

7. Instal WP Roket

Jika Anda menginginkan opsi all-in-one untuk menggantikan tiga opsi gratis di atas, WP Rocket dapat melakukan segalanya dan lebih banyak lagi.

Daripada harus menggunakan dan menyiapkan tiga plugin, Anda dapat menggunakan WP Rocket untuk menyetel cache halaman dan browser, meminimalkan Javascript dan CSS, serta memuat gambar dengan lambat.

Itu juga dapat mengoptimalkan database Anda, dan menawarkan integrasi dengan Cloudflare.

WP Rocket adalah solusi all-in-one ekonomis untuk membuat situs Anda secepat kilat dalam hitungan menit dengan sedikit usaha.

8. Ubah ukuran gambar Anda

Gambar besar tidak memperlambat kecepatan situs. Namun ukuran gambar yang tidak sesuai dengan halaman web dapat memperlambat kecepatan situs Anda secara dramatis.

Anda harus selalu mengubah ukuran gambar Anda ke ukuran yang Anda butuhkan sebelum mengunggahnya.

Jika Anda menginginkan gambar dengan lebar penuh, ukurannya harus sesuai dengan lebar halaman blog Anda.

Situs ini lebarnya 750px dengan sidebar 300px. Gambar apa pun yang lebih lebar dari 750px akan memperlambat situs.

Tapi jangan pernah sesuaikan ukuran gambar Anda dengan cepat di kotak detail media Anda. Ini tidak akan mengurangi ukuran halaman Anda.

Seperti yang Anda lihat, lebar gambar ini 1218px. Memilih ukuran Besar akan membuat gambar pas.

Namun pada kenyataannya, halaman tersebut akan memuat gambar berukuran penuh 1218px dan memperlambat kecepatan situs.

Jangan pernah menggunakan kotak Detail Gambar di WordPress untuk mengubah ukuran gambar Anda dengan malas.

Selalu ubah ukuran gambar sebelum mengunggah, jadi ukuran penuh adalah ukuran sebenarnya dari gambar Anda di halaman Anda.

9. Optimalkan gambar

Smush adalah plugin populer untuk mengurangi gambar dengan menggunakan kompresi lossy. Saya menggunakan versi gratis, dan berfungsi dengan baik.

Namun, saya mengambil satu langkah ekstra sebelum mengunggah gambar ke salah satu situs saya. Saya menggunakan aplikasi desktop kecil bernama ImageOptim.

Seperti yang Anda lihat, lossy mengurangi gambar sekitar 80%.

Sayangnya, ini hanya tersedia untuk pengguna Mac. Jika Anda adalah pengguna Windows, Anda dapat menggunakan pengoptimal gambar online untuk hasil yang sama.

Anda juga bisa membaca artikel sebelumnya tentang cara mengecilkan gambar.

10. Gunakan Cloudflare CDN

Apakah Anda perlu menggunakan Jaringan Pengiriman Konten (CDN)?

Tergantung. CDN menyimpan file statis Anda di server di seluruh dunia untuk membantu situs Anda memuat sedikit lebih cepat. Jika pengunjung situs Anda berada jauh dari Anda, ini dapat membantu.

Tetapi jika situs Anda mendapatkan sebagian besar lalu lintas lokal, itu tidak akan banyak membantu.

Just Publishing Advice dihosting di Eropa, tetapi sebagian besar lalu lintas berasal dari AS. Jadi masuk akal untuk menggunakan CDN.

Jika situs Anda dihosting di Australia, misalnya, dan Anda mendapatkan banyak lalu lintas dari Inggris dan AS, Anda mungkin ingin mempertimbangkan untuk menggunakan CDN.

Cloudflare populer, efisien, dan gratis. Jadi itu adalah pilihan yang baik.

Namun, Anda memerlukan sedikit kemampuan teknis untuk menerapkannya di situs Anda.

Anda dapat membaca lebih lanjut tentang menyiapkan Cloudflare dengan WordPress di artikel panduan cara kami.

11. Periksa seminggu sekali

Setelah Anda meningkatkan situs Anda dengan langkah-langkah di atas, Anda harus melakukan pemeriksaan rutin.

Hal-hal selalu berubah di blog, jadi perhatikan kinerja Anda.

Anda akan sering menggunakan Pagespeed Insights dan GTMetrix.

Namun, ada satu lagi uji kecepatan situs web gratis yang dapat Anda lakukan untuk memeriksa kinerja situs Anda di 25 lokasi di seluruh dunia.

Alat Dot-Com menguji kecepatan situs Anda secara real-time sehingga Anda dapat melihat bagaimana peringkat situs Anda.

Ini adalah alat pengujian dan panduan yang sangat bagus jika Anda mempertimbangkan apakah CDN bermanfaat bagi Anda.

Saat Anda menguji, perlu diingat bahwa Google merekomendasikan kecepatan halaman yang dimuat penuh maksimal 3 detik.

Dengan WordPress, ini cukup mudah dicapai jika Anda menggunakan saran pengoptimalan di artikel ini.

Ringkasan

Apakah Anda perlu melakukan semua yang tercantum dalam panduan ini?

WordPress di luar kotak biasanya berkinerja cukup baik sejauh menyangkut kecepatan.

Tetapi jika Anda menggunakan tema lambat dan menambahkan banyak plugin dan menggunakan gambar besar, maka ya, Anda harus mempertimbangkan untuk melakukan beberapa pekerjaan jika situs Anda menilai kecepatan pemuatan buruk.

Penyebab lainnya bisa jadi server host yang tidak dapat diandalkan atau lambat. Jika Anda perlu mengubah penyedia Anda, biaya host cepat hanya beberapa dolar per bulan.

Jika Anda mendapat nilai merah pada tes kecepatan Google, maka Anda pasti perlu segera melakukan beberapa pekerjaan.

Salah satu tipnya adalah mengaktifkan tema WordPress default seperti Twenty Seventeen dan mengujinya lagi. Sebagian besar tema sekarang sudah responsif, tetapi beberapa tema lama dapat menyebabkan kecepatan situs lambat.

Jika tema Anda baik-baik saja, prioritas utama untuk meningkatkan situs seperti pada gambar di atas adalah:

1. Instal plugin caching.

2. Instal Optimasi Otomatis

3. Instal pemuat malas

Ambil tiga langkah ini, dan kinerja situs Anda akan meningkat secara instan.

Untuk gambar Anda, menginstal Smush dan kemudian melakukan pengoptimalan massal juga akan sangat membantu.

Tidak ada alasan untuk memiliki situs WordPress yang lambat dan gagal dalam uji kecepatan Google.

Jika Anda menerapkan sepuluh langkah yang tercantum dalam artikel ini, situs Anda akan lulus uji Pagespeed Insight untuk seluler dan desktop dengan mudah.