Google Pagespeed ​​Insights: Selesaikan Masalah Dan Bersikap Ramah Lingkungan




Pengoptimalan Google PageSpeed

Google PageSpeed ​​Insights [1] adalah alat yang hebat untuk melihat kinerja situs web Anda. Jika Anda mendapat skor buruk, berikut adalah serangkaian artikel dengan solusi yang mudah diterapkan untuk menyelesaikan sebagian besar masalah.

Google PageSpeed ​​Insights

Ini memungkinkan saya untuk menjadi hijau di Google PageSpeed ​​Insights [1], naik dari skor 17 di seluler (Gbr 1) menjadi 89 (Gbr 14), dan naik dari 35 (Gbr 3) menjadi 89 di desktop (Gbr 16) ).

Namun, bahkan ada cara untuk menjadi hijau tanpa harus menerapkan apa pun pada diri Anda sendiri, dengan menggunakan Platform Ezoic‌ Site Speed ​​Accelerator, alat yang akan melakukan semua pengoptimalan untuk Anda: lihat di bawah dan ikuti panduannya!

Google Pagespeed ​​Insights: Selesaikan Masalah Dan Bersikap Ramah Lingkungan : Fig 1: Google Page Speed ​​- Skor sebelum optimasi gambar 17 pada ponsel
Fig 1: Google Page Speed ​​- Skor sebelum optimasi gambar 17 pada ponsel  
Google Pagespeed ​​Insights: Selesaikan Masalah Dan Bersikap Ramah Lingkungan : Fig 3: Google Page Speed ​​- Skor sebelum optimalisasi gambar 35 di desktop
Fig 3: Google Page Speed ​​- Skor sebelum optimalisasi gambar 35 di desktop  
Google Pagespeed ​​Insights: Selesaikan Masalah Dan Bersikap Ramah Lingkungan : Fig 14: Google Page Speed ​​- Skor setelah mengaktifkan kompresi gzip dari 89 di ponsel
Fig 14: Google Page Speed ​​- Skor setelah mengaktifkan kompresi gzip dari 89 di ponsel  
Google Pagespeed ​​Insights: Selesaikan Masalah Dan Bersikap Ramah Lingkungan : Fig 16: Google Page Speed ​​- Skor setelah mengaktifkan kompresi gzip 89 di desktop
Fig 16: Google Page Speed ​​- Skor setelah mengaktifkan kompresi gzip 89 di desktop  

Langkah 1: optimalkan gambar untuk web

Ini memungkinkan saya untuk lulus uji Google PageSpeed ​​[1] Optimalkan gambar [2] di situs web, naik dari skor 17 di seluler (Gambar 1) hingga 51 (Gambar 2), dan naik dari 35 (Gambar 3) ke 59 di desktop (Gbr 4).

Optimalkan Gambar PageSpeed ​​Insights Google Developers

Langkah 2: Pengoptimalan CSS dan javascript

Hilangkan render JavaScript dan CSS pemblokiran render dalam konten di atas-lipat.

Ini memungkinkan saya untuk lulus uji Google PageSpeed ​​[1] Menghilangkan JavaScript dan CSS pemblokiran render dalam konten yang terlipat (bersama dengan cache peramban Leverage [6]) di situs web, naik dari skor 51 di seluler ( Gambar 5) hingga 72 (Gambar 6), dan naik dari 59 (Gambar 7) hingga 79 di desktop (Gambar 8).

Google Pagespeed ​​Insights: Selesaikan Masalah Dan Bersikap Ramah Lingkungan : Fig 2: Google Page Speed ​​- Skor setelah optimisasi gambar 51 di ponsel
Fig 2: Google Page Speed ​​- Skor setelah optimisasi gambar 51 di ponsel  
Google Pagespeed ​​Insights: Selesaikan Masalah Dan Bersikap Ramah Lingkungan : Fig 4: Google Page Speed ​​- Skor setelah optimasi gambar 59 pada desktop
Fig 4: Google Page Speed ​​- Skor setelah optimasi gambar 59 pada desktop  

Langkah 3: aktifkan cache browser web

Caching peramban leverage memungkinkan saya untuk lulus tes Google PageSpeed ​​[1] Caching peramban leverage [5] (bersama dengan menghilangkan Javascript pemblokiran render‌ dan CSS dalam konten di atas-lipatan [4]) di situs web, naik dari skor dari 51 pada perangkat seluler (Gambar 9) hingga 72 (Gambar 10), dan naik dari 59 (Gambar 11) hingga 79 pada desktop (Gambar 12).

Leverage Browser Caching PageSpeed ​​Insights Google Developers
Google Pagespeed ​​Insights: Selesaikan Masalah Dan Bersikap Ramah Lingkungan : Fig 5: Google Page Speed ​​- Skor sebelum menghilangkan JS dan CSS pemblokiran render dalam konten 51 lipat di seluler
Fig 5: Google Page Speed ​​- Skor sebelum menghilangkan JS dan CSS pemblokiran render dalam konten 51 lipat di seluler  
Google Pagespeed ​​Insights: Selesaikan Masalah Dan Bersikap Ramah Lingkungan : Gbr 6: Google Page Speed ​​- Skor setelah menghilangkan JS dan CSS pemblokiran render dalam konten 72 kali lipat di seluler
Gbr 6: Google Page Speed ​​- Skor setelah menghilangkan JS dan CSS pemblokiran render dalam konten 72 kali lipat di seluler  
Google Pagespeed ​​Insights: Selesaikan Masalah Dan Bersikap Ramah Lingkungan : Fig 7: Google Page Speed ​​- Skor sebelum menghilangkan JS dan CSS pemblokiran render dalam konten 59 lipat di desktop
Fig 7: Google Page Speed ​​- Skor sebelum menghilangkan JS dan CSS pemblokiran render dalam konten 59 lipat di desktop  
Google Pagespeed ​​Insights: Selesaikan Masalah Dan Bersikap Ramah Lingkungan : Fig 8: Google Page Speed ​​- Skor setelah menghilangkan JS dan CSS pemblokiran render dalam konten di atas-the-fold 79 di desktop
Fig 8: Google Page Speed ​​- Skor setelah menghilangkan JS dan CSS pemblokiran render dalam konten di atas-the-fold 79 di desktop  

Langkah 4: Aktifkan kompresi htaccess

Mengaktifkan kompresi di htaccess memungkinkan saya untuk lulus uji Google PageSpeed ​​[1] cache browser Leverage [7] di situs web, naik dari skor 72 di ponsel (Gambar 13) ke 89 (Gambar 14), dan naik dari 79 ( Gbr 15) hingga 89 di desktop (Gbr 16).

Google Pagespeed ​​Insights: Selesaikan Masalah Dan Bersikap Ramah Lingkungan : Fig 9: Google Page Speed ​​- Skor sebelum meningkatkan cache browser dari 51 di ponsel
Fig 9: Google Page Speed ​​- Skor sebelum meningkatkan cache browser dari 51 di ponsel  
Google Pagespeed ​​Insights: Selesaikan Masalah Dan Bersikap Ramah Lingkungan : Fig 10: Google Page Speed ​​- Skor setelah memanfaatkan caching browser 72 pada ponsel
Fig 10: Google Page Speed ​​- Skor setelah memanfaatkan caching browser 72 pada ponsel  
Google Pagespeed ​​Insights: Selesaikan Masalah Dan Bersikap Ramah Lingkungan : Fig 11: Google Page Speed ​​- Skor sebelum meningkatkan cache browser dari 59 pada desktop
Fig 11: Google Page Speed ​​- Skor sebelum meningkatkan cache browser dari 59 pada desktop  
Google Pagespeed ​​Insights: Selesaikan Masalah Dan Bersikap Ramah Lingkungan : Fig 12: Google Page Speed ​​- Skor setelah meningkatkan cache browser 79 pada desktop
Fig 12: Google Page Speed ​​- Skor setelah meningkatkan cache browser 79 pada desktop  
Mengoptimalkan pengodean dan ukuran transfer aset berbasis teks - Fundamental Web
Google Pagespeed ​​Insights: Selesaikan Masalah Dan Bersikap Ramah Lingkungan : Fig 13: Google Page Speed ​​- Skor sebelum mengaktifkan kompresi gzip dari 72 di ponsel
Fig 13: Google Page Speed ​​- Skor sebelum mengaktifkan kompresi gzip dari 72 di ponsel  
Google Pagespeed ​​Insights: Selesaikan Masalah Dan Bersikap Ramah Lingkungan : Fig 15: Google Page Speed ​​- Skor sebelum mengaktifkan kompresi gzip 79 di desktop
Fig 15: Google Page Speed ​​- Skor sebelum mengaktifkan kompresi gzip 79 di desktop  

Menjadi hijau di alat Google PageSpeed ​​Insights dengan Site Speed ​​Accelerator

Setelah kembali ke skor merah yang sangat buruk yaitu 18 pada seluler dan 29 pada desktop pada skor Google PageSpeed ​​Insights, saya menemukan alat luar biasa itu yaitu Akselerator Kecepatan Situs‌ dan melakukan semua pengoptimalan untuk saya, hanya dengan mengklik a , setelah mengonfigurasi situs web saya untuk menggunakan DNS mereka, yang memungkinkan mereka merender situs saya atas nama saya, dan sementara itu mengoptimalkannya.

Beginilah cara kerjanya: ketika pengguna meminta untuk mendapatkan halaman dari situs web saya, dia bertanya langsung ke server saya yang merupakan web hosting murah terbaik‌ untuk mengirimkan kode halaman itu kepadanya. Server saya mengirimkannya kepadanya. Itu adalah cara kerja standar.

Google Pagespeed ​​Insights: Selesaikan Masalah Dan Bersikap Ramah Lingkungan : Google Pagespeed Insights dari skor merah 29 hingga skor hijau 99 di desktop menggunakan Akselerator Kecepatan Situs Ezoic
Google Pagespeed Insights dari skor merah 29 hingga skor hijau 99 di desktop menggunakan Akselerator Kecepatan Situs Ezoic  

Namun, dengan menggunakan DNS eksternal, pengguna akan meminta DNS tersebut untuk mendapatkan halaman web dari server saya untuknya, dan server saya akan mengirimkan kode sumber halaman Web ke DNS perantara ini, yang akan dapat memodifikasi kode, dan juga untuk menyimpan dan menyimpannya di berbagai tempat di Bumi untuk mengirimkannya lebih cepat, dan mengoptimalkannya untuk memberikan halaman Web yang lebih baik kepada pengguna.

Begitulah cara Accelerator Kecepatan Situs Ezoic dapat mengoptimalkan halaman Web saya dan mengirimkannya langsung ke pengguna dengan skor yang jauh lebih baik daripada yang saya dapatkan sendiri, lihat sendiri bagaimana, hanya dengan mengaktifkan opsi untuk situs web saya, saya beralih dari skor 18 di ponsel menjadi skor hijau 90, dan dari skor merah 29 di desktop menjadi skor hijau… 99!

Google Pagespeed ​​Insights: Selesaikan Masalah Dan Bersikap Ramah Lingkungan : Google Pagespeed Insights dari skor merah 18 hingga skor hijau 90 pada seluler menggunakan Akselerator Kecepatan Situs Ezoic
Google Pagespeed Insights dari skor merah 18 hingga skor hijau 90 pada seluler menggunakan Akselerator Kecepatan Situs Ezoic  

Daftar pengoptimalan yang ditawarkan oleh Site Speed ​​Accelerator adalah sebagai berikut, dan terus diperbarui dengan pengoptimalan situs web baru yang akan membuat Google PageSpeed ​​Insights mendapatkan skor hijau:

  1. Pengoptimalan CSS, dengan CSS kritis dirender terlebih dahulu, CSS yang tidak digunakan tidak dikirim, atau font yang dioptimalkan,
  2. Pengoptimalan gambar, dengan gambar lazy loading, format Webp generasi berikutnya digunakan, gambar diubah ukurannya secara otomatis, dan gambar latar preload,
  3. Kebijakan cache aset statis, yang akan memberi tahu browser untuk menyimpan gambar, stylesheet, dan skrip Anda,
  4. Pembuatan otomatis pra-sambungkan ke petunjuk asal untuk browser,
  5. Mengecilkan HTML dengan opsi berbeda untuk menyimpan atau menyembunyikan komentar HTML, tag akhir, tanda kutip atau spasi,
  6. Pengoptimalan eksekusi skrip dengan kemungkinan untuk menunda skrip, menunda iklan, dan mengurangi tugas intensif CPU,
  7. Pemuatan lambat iframe otomatis.

Tentu saja, Anda dapat setiap saat mengaktifkan atau menghentikan salah satu pengoptimalan ini, dan menyempurnakan pengaturan Anda untuk menemukan opsi Akselerator Kecepatan Situs‌ yang memberi Anda hasil terbaik.

Google Pagespeed ​​Insights: Selesaikan Masalah Dan Bersikap Ramah Lingkungan : Opsi Akselerator Kecepatan Situs Ezoic
Opsi Akselerator Kecepatan Situs Ezoic  

Untuk mendapatkannya, mulailah dengan membuat akun di Platform Ezoic‌ dan kemudian mengintegrasikan situs web Anda dengan menggunakan DNS Ezoic. Anda kemudian dapat mengonfigurasi fitur dan menjadi hijau!

Selain itu, jika situs web Anda memenuhi syarat (misalnya, perlu memiliki lebih dari 10rb pengunjung unik sebulan, dan memiliki konten unik), Anda juga dapat meningkatkan Tarif CPM‌ dan karenanya penghasilan Anda dengan menerapkan Ezoic mereka yang luar biasa mediasi sistem AdExchange.

Akselerator Kecepatan Situs‌ bahkan gratis untuk uji coba 30 hari, tidak perlu kartu kredit, dan setelah itu biayanya berbeda tergantung pada lalu lintas Anda. Ini bisa gratis jika Anda menggunakan Sistem mediasi Ezoic‌ dan menghasilkan lebih dari $ 2000 per bulan dengan mereka!

Google Pagespeed ​​Insights: Selesaikan Masalah Dan Bersikap Ramah Lingkungan : Google Page Speed Insights scores turned green using Akselerator Kecepatan Situs Ezoic on both mobile and desktop
Google Page Speed Insights scores turned green using Akselerator Kecepatan Situs Ezoic on both mobile and desktop  

Pertanyaan yang sering diajukan tentang Google Page Speed ​​Insights dan jawabannya:

Apakah Google PageSpeed ​​penting?
Meskipun Google PageSpeed ​​bukan yang paling penting dalam hal peringkat situs web, ini mungkin memengaruhi rasio pentalan. Pengunjung biasanya tidak menunggu lebih dari beberapa detik untuk memuat halaman sebelum pergi.
Apakah PageSpeed ​​memengaruhi SEO?
Lihat di atas - ini mungkin tidak banyak berubah untuk peringkat situs web, tetapi mungkin memengaruhi rasio pentalan.
Apa waktu muat halaman yang baik?
Waktu muat halaman yang baik di bawah satu detik.
Bagaimana cara meningkatkan kecepatan halaman Google?
Anda dapat meningkatkan skor Google PageSpeed ​​Insights baik secara manual dengan menerapkan semua kemungkinan pengoptimalan situs web, atau dengan menggunakan Akselerator Kecepatan Situs‌ yang akan melakukan semuanya atas nama Anda.
Bagaimana cara meningkatkan waktu buka situs web saya?
Anda dapat meningkatkan waktu buka situs web Anda dengan mengurangi panjang konten, menghapus HTML, CSS dan JS yang tidak digunakan, memperkecil semua file, dan menggunakan cache dan layanan CDN - atau dengan menggunakan Akselerator Kecepatan Situs‌ yang akan melakukan semuanya untuk Anda.
Apakah Google menghukum situs yang lambat?
Sepertinya Google tidak menghukum situs yang lambat, namun, jika memuat konten terlalu lama, Google tidak dapat mengurai dan memberi peringkat pada halaman web.
Bagaimana Anda meningkatkan waktu yang terisi penuh?
Anda dapat meningkatkan waktu pemuatan penuh halaman web dengan mengurangi konten di HTML (juga disebut panjang DOM), CSS dan JS yang digunakan, dan plugin lainnya.
Bagaimana cara meningkatkan kecepatan halaman arahan saya?
Tingkatkan kecepatan laman landas Anda dengan menerapkan cache, menggunakan CDN, Akselerator Kecepatan Situs‌, dan menerapkan semua praktik terbaik Web.
Berapa skor Google Page Speed ​​yang bagus?
Skor Google Google Page Speed ​​di atas 90.
Berapa kecepatan muat halaman yang bagus?
Kecepatan muat halaman web yang bagus di bawah satu detik.
Seberapa cepat situs web memuat tahun 2020?
Situs web harus dimuat dalam waktu kurang dari satu detik pada tahun 2020.
Apa yang dimaksud dengan rasio pentalan yang baik?
Rasio pentalan yang baik adalah nilai apa pun di bawah seratus, yang berarti bahwa beberapa pengguna sebenarnya tetap berada di situs Anda. Di bawah 50 sudah luar biasa.
Mengapa situs Google sangat lambat?
Situs Google mungkin lambat karena koneksi Internet atau komputer Anda menjalankan program dan aplikasi. Pertimbangkan memilih VPN‌ untuk meningkatkan kecepatan koneksi Anda.
Bagaimana cara meningkatkan kecepatan halaman Google saya?
Kurangi jumlah sumber daya yang akan dimuat, dan ukurannya.
Apakah wawasan PageSpeed ​​memengaruhi SEO?
Ini mungkin memiliki efek kecil, tetapi masalah utamanya adalah kemungkinan peningkatan rasio pentalan lalu lintas.
Bagaimana cara meningkatkan kecepatan halaman saya?
Kecepatan halaman dapat ditingkatkan dengan menerapkan praktik terbaik Web dan mengurangi jumlah, kompleksitas, dan ukuran resource yang akan dimuat.
Berapa kecepatan halaman yang bagus?
Kecepatan halaman yang baik adalah skor hijau di atas 90.
Bagaimana cara menggunakan wawasan Google PageSpeed?
Untuk menggunakan wawasan Google PageSpeed, Anda cukup mengunjungi situs web mereka, memasukkan salah satu URL situs Anda, menunggu analisis, dan memeriksa hasilnya.
Apakah wawasan Google PageSpeed ​​akurat?
Google PageSpeed ​​Insights cukup akurat karena mewakili waktu yang dibutuhkan oleh satu server Google untuk memuat situs web Anda sebagai bot. Pengunjung sebenarnya dari lokasi berbeda dan dengan koneksi lain mungkin mendapatkan hasil yang berbeda, biasanya paling buruk.
Bagaimana cara kerja Google Page Speed?
Google Page Speed ​​mendownload halaman web Anda seperti yang dilakukan browser, termasuk semua konten, dan memeriksa waktu yang dibutuhkan untuk memuat dan memproses semua komponen yang dijelaskan di DOM halaman.
Berapa kecepatan situs yang bagus?
Kecepatan situs yang baik harus berwarna hijau pada skor tes kecepatan, kecepatan situs yang membingungkan berada di atas 90 dan memuat dalam waktu kurang dari satu detik.

Pengoptimalan Google PageSpeed

Menjadi hijau di Google Page Speed ​​dengan Site Speed ​​Accelerator
Menjadi hijau di Google Page Speed ​​dengan Site Speed ​​Accelerator 


Konsultasi Bisnis Internasional
Tentang Penulis - Konsultasi Bisnis Internasional
Yoann adalah Konsultan Bisnis Internasional, fasilitator dan koordinator. Dia bekerja lebih dari 10 tahun dalam bisnis global, rantai pasokan, keuangan, proyek SAP ERP, pengoptimalan Web dan SEO untuk berbagai industri, seperti logistik, kosmetik, barang konsumsi, perawatan kecantikan, atau mode, di lebih dari 30 negara di seluruh dunia. .
 


Komentar (0)

Tinggalkan komentar