Bagaimana cara menjadi yang teratas di Google PageSpeed ​​Insights Tool?

pengantar

Itu selalu merupakan perasaan yang baik untuk berada di atas apa pun dan segalanya. Kecepatan Halaman Google adalah sesuatu yang sangat memengaruhi kinerja situs web Anda. Google Page Speed adalah kecepatan loading website Anda secara umum. Anda perlu memastikan untuk mengurangi elemen yang membebani situs web Anda. Dengan cara ini Anda dapat meningkatkan Kecepatan Halaman situs web Anda dan peringkat tinggi. Ini menambah Peringkat SEO secara keseluruhan juga. Mari kita lihat di artikel ini bagaimana menyimpulkan esensi dari Google Page Speed ​​Insights dan merumuskan dan menerapkan algoritma yang paling sesuai untuk menjadi yang teratas dalam Tes Kecepatan Halaman Google !

1. Wawasan Kecepatan Halaman Google

Setelah menavigasi 900.000 iklan, analis dari Google Page Speed ​​Insights menemukan bahwa halaman presentasi portabel normal menumpuk dalam 22 detik yang memalukan. Itu lebih dari beberapa kali lebih lama daripada yang akan ditahan oleh sebagian besar klien web yang cemas sebelum mereka menyerahkan halaman — 53% benar. Jika halaman Anda membutuhkan waktu lebih dari 3 detik untuk ditumpuk, sebagian besar prospek Anda pergi bahkan sebelum mereka melihatnya. Seolah-olah itu tidak cukup buruk, wawasan halaman menemukan bahwa dengan setiap momen yang menyiksa sebuah halaman tidak menumpuk, lebih banyak tamu akan melewatkannya.

Dengan bantuan pembelajaran mesin dalam inovasi dari SOASTA, para ilmuwan menemukan hubungan antara waktu buka, berat halaman (ukuran dalam data), dan tingkat transformasi. Pada dasarnya, "lebih berat" berarti lebih lambat. Khususnya, ketika jumlah komponen (konten, gambar, dan sebagainya) pada halaman bertambah dari 400 menjadi 6.000, peluang Anda untuk mengganti tamu turun sebesar 95%.

Namun, jika halaman Anda menumpuk secara bertahap, menunjukkan dengan tepat masalahnya tidak selalu mudah. Meskipun ukuran Google Page Speed ​​yang memengaruhi konten dan jumlah gambar dapat dilihat pada awalnya, masalah seperti JavaScript yang tidak perlu dan terlalu banyak sidetrack tidak.

2. Inferensi Wawasan Google PageSpeed

Google PageSpeed ​​Insights adalah alat yang memungkinkan Anda menguji kecepatan halaman situs dengan cepat dan mudah. Untungnya, ini adalah alat gratis yang dapat Anda gunakan untuk menemukan dengan tepat apa yang memoderasi waktu pemuatan halaman Anda. Memasukkan URL dan menekan "Analyze" akan dengan cepat memberi Anda laporan seluk beluk tentang apa yang mereda halaman situs itu tergantung pada dua parameter, lengkap dengan saran tentang cara terbaik untuk menyelesaikannya.

• Parameter 1: Waktu untuk beban paruh atas. Ini adalah ukuran waktu yang dibutuhkan program untuk merender konten tepat di paro bawah setelah klien memintanya.
• Parameter 2: Waktu untuk memuat halaman penuh. Ini adalah jumlah waktu yang diperlukan browser untuk merender halaman sepenuhnya setelah klien memintanya.

Jadi bagaimana PageSpeed ​​Insights menilai situs Anda? Dibutuhkan untuk melihat bagian-bagian otonom sistem dari eksekusi halaman: pengaturan server, struktur HTML halaman, dan penggunaan aset luarnya seperti gambar, JavaScript, dan CSS.

Menguji situs Anda dengan PageSpeed ​​Insights dapat membuka mata siapa pun yang belum mencoba meningkatkan situs mereka, dan lebih jauh lagi, Page Insights menawarkan tahap awal yang luar biasa bagi mereka yang berharap meningkatkan eksekusi situs.

Karena itu, itu juga dapat membuat Anda menjadi gila tanpa tujuan ketika sebuah situs mengembalikan skor yang lebih rendah dari yang diantisipasi dalam Uji Kecepatan Laman Google , atau rekomendasi yang bertentangan dengan perkiraan yang telah Anda siapkan di situs Anda. Instrumen saat ini didasarkan pada dua pengukuran utama:

1. Cat Contentful Pertama
2. Penundaan Masukan Pertama

Dua parameter di atas dinilai dalam tiga cara berbeda:

1.Cepat
2. Rata-rata
3. Lambat.

Inilah yang dimaksud dengan dua pengukuran itu dalam bahasa sederhana.

2.1.First Contentful Paint (FCP)

FCP adalah penjabaran dari "cat pertama", metrik yang memperkirakan kapan render muncul di dalam program (bahkan penyesuaian dalam naungan fondasi, misalnya, akan memeriksa). Metrik FCP memperkirakan waktu hingga titik di mana substansi nyata telah ditumpuk di halaman, memberi Anda penilaian pertemuan klien yang lebih berharga.

2.2.Penundaan Input Pertama (FIP)

FIP adalah parameter penting dari Tes Kecepatan Halaman Google dan ini menyiratkan waktu pemuatan situs. Ini pada dasarnya adalah durasi waktu dari saat pengguna berkomunikasi dengan situs Anda hingga saat browser Anda benar-benar mulai berkomunikasi dengan browser.

3. Mengapa PageSpeed ​​Penting

Ketika seseorang tiba di situs Anda, Anda hanya memiliki beberapa saat untuk menarik perhatian mereka dan membujuk mereka untuk tetap tinggal dan tidak melewatkannya. Substansi berkualitas dan subjek yang menarik sangat penting; Namun jika halaman Anda menumpuk secara bertahap, Anda bisa kehilangan orang bahkan sebelum mereka memberi kesempatan untuk melihat konten Anda.

Sesuai Kissmetrics, hampir 50% klien web mengantisipasi bahwa situs web akan menumpuk dalam dua detik atau kurang, dan mereka pada umumnya akan menyerahkan tujuan yang tidak menumpuk dalam tiga detik. Sebanyak 79 persen pelanggan online yang mengalami kesulitan dengan eksekusi situs web tidak akan kembali ke situs web untuk membeli lagi dan sekitar 44 persen dari mereka akan memberi tahu teman jika mereka mengalami cobaan yang buruk saat berbelanja di web. dampak negatif ke situs web Anda. Itulah mengapa PageSpeed sangat penting.

4. Inti dari Wawasan PageSpeed

Sementara kecepatan halaman adalah salah satu dari lebih dari 200 tanda yang digunakan Google untuk menentukan peringkat keseluruhan dan kurang dari 1 persen pertanyaan pencarian dipengaruhi oleh bendera kecepatan situs, transformasi itulah yang harus Anda tekankan.

Situs yang bagus dengan kecepatan halaman yang bagus akan membuat tamu Anda percaya pada barang atau manfaat Anda dan membujuk mereka untuk menyerahkan uang mereka. Eksekusi halaman adalah bagian dasar dari setiap situs. Anda dapat memiliki konten yang sangat luar biasa dan situs yang tampak menyenangkan, tetapi jika terlalu lama untuk menumpuk atau tidak responsif, orang akan dengan cepat melanjutkan ke situs pesaing Anda.

Saat itulah Anda menyadari itu asli karena kami secara keseluruhan melakukan itu. Google PageSpeed ​​Insights dapat menguraikan cara situs Anda berjalan dan memberikan jawaban untuk meningkatkan eksekusi situs Anda, waktu tumpukan, dan batas langit dari sana .

5. Apa Keuntungan menggunakan Google PageSpeed ​​Insights?

5.1. PageSpeed Memberikan Laporan Penemuan yang Sangat Terperinci

Dapatkan laporan yang menunjukkan perkembangan situs Anda dan perubahan apa (jika mendasar) yang perlu Anda terapkan. Ini memberikan administrasi investigasi dan pengembangan yang sangat berguna untuk meningkatkan kecepatan situs Anda.

5.2. PageSpeed Meningkatkan Pengalaman Pengguna

Saat ini, banyak orang menggunakan ponsel mereka untuk mengunjungi situs dan Anda dapat kehilangan banyak lalu lintas jika halaman Anda tidak responsif seluler. Google PageSpeed ​​Insights membuat laporan pasti tentang skor Anda saat ini dan memberi tahu Anda apakah halaman Anda berkaitan dengan tahapan seluler atau tidak. Anda dapat menggunakan kiat eksekusinya untuk meningkatkan area kerja dan eksekusi web seluler

5.3. PageSpeed Mencakup Bahasa Tambahan

Alat ini sangat mudah digunakan dalam berbagai bahasa, misalnya Rusia, Spanyol, dan Serbia.

5.4. PageSpeed Mudah Digunakan

Google PageSpeed ​​Insights tidak mengharapkan Anda memiliki situs dengan atau menjadi klien Google. Anda tidak perlu melengkapi bingkai pendaftaran, membuat catatan, atau memberikan alamat email untuk menggunakannya.

5.5. PageSpeed Gratis

Google PageSpeed ​​Insights benar-benar gratis untuk digunakan di seluruh dunia. Anda tidak perlu membayar sepeser pun untuk menggunakan alat yang luar biasa ini.

6. Tips untuk Mendapat Skor Sempurna 100% di Google Pagespeed Insights

Berikut adalah beberapa tips yang dapat Anda terapkan untuk mendapatkan skor 100% sempurna di Google PageSpeed ​​Insights .

6.1. DNS

Kami menggunakan Cloudflare, namun, tidak ada yang mempercepat perampingan. Kami menemukan dalam pengujian kami bahwa itu lebih lambat. Jika Anda berada dalam kondisi saling memfasilitasi, Cloudflare kemungkinan besar akan banyak membantu. Bagaimanapun, bagi kami secara khusus, dengan server khusus, lebih baik semuanya dimatikan. Jika Anda tidak memiliki kemampuan atau waktu untuk memperkenalkan Cloudflare sebagai opsi, Anda dapat menggunakan pemasok pendukung, seperti WP-Engine, Presslabs, Pantheon.io. Mereka bekerja sama di toko server dan pengaturan CDN.

6.2. LKM

Mobile-First Index - Ini adalah salah satu kriteria terpenting untuk Peringkat SEO saat ini. Ketika sebuah situs web dibangun, itu harus dioptimalkan agar dapat dilihat di smartphone dan gadget elektronik lainnya. Hal ini disebabkan fakta bahwa browsing, hari ini, terjadi terutama pada ponsel. Dengan demikian, sangat penting bahwa situs web Anda dioptimalkan karena berkontribusi terhadap Kecepatan Halaman Google secara signifikan.

6.3. Melewati Waktu Respons Server

Tolok ukurnya adalah 0,2 detik. Apa pun lebih dari itu dan Google menandai Anda. Situs kami terus berjalan pada server berkomitmen spesifikasi tinggi dengan banyak catatan. Sebagian besar dari apa yang Anda baca online akan menyarankan Anda untuk beralih ke akun WordPress yang lebih cepat (dengan bergabung dengan mitra) yang merupakan cara paling mudah, tetapi saya tidak siap untuk meninggalkan kondisi kita sendiri tanpa setidaknya mencoba.

Memiliki banyak pertemuan administrator server, saya mematikan semua administrasi sia-sia yang berjalan di server untuk mengaktifkan peningkatan ke Pagespeed . Meskipun demikian, itu tidak memiliki efek yang besar.

Perbedaan terbesar yang kami lihat untuk mengurangi waktu reaksi server adalah beralih ke PHP 7. Tidak semua host mendukung PHP 7, tetapi untungnya, karena kami memiliki lokal sendiri, kami melakukannya. Laporan campuran online menunjukkan peningkatan kecepatan 20 hingga 50 persen dalam mengubah ke PHP 7.

Terlepas dari tarif sebenarnya, kami memiliki persyaratan untuk Pagespeed dan perlu mengujinya. Jika Anda tidak mengenali varian PHP yang Anda jalankan, perkenalkan modul ini dan Anda akan melihatnya di “Sekilas” di Dasbor Admin Anda.

Sebelum Anda melangkah lebih jauh, Anda harus memeriksa apakah situs tersebut bagus. Untungnya, ada modul pemeriksa kesamaan PHP yang dapat Anda unduh untuk WordPress yang memeriksa kode Anda dan mengenali masalah apa pun dengan mengubah ke PHP 7. Hasil dari Wawasan Halaman menunjukkan beberapa hal yang perlu dirawat, yang dengan cepat kami tangani .

Kami akhirnya siap untuk mengubah ke PHP 7. Untuk mengubah, dari WHM Anda masuk ke "Multi PHP Manager", pilih situs web yang Anda butuhkan dan ubah Versi PHP. Jika Anda tidak mendekati WHM, tanyakan kepada administrator server Anda, tetapi pastikan Anda melakukannya dalam kondisi pengujian/percepatan – bukanlah praktik terbaik untuk merusak situs produksi Anda.

6.4. Desain dan Tata Letak Situs Web yang Diperbarui

Tata Letak Grid adalah pembicaraan di kota dalam hal desain dan tata letak situs web. Dalam hal Google Page Speed ​​Insight , desain grid memiliki lebih banyak keunggulan. Juga, saya menemukan bahwa saya menawarkan lebih banyak sorotan daripada yang saya butuhkan di situs saya, jadi saya mencari topik dasar dan moderat. Saya menemukan Frank, topik yang dirancang khusus untuk kecepatan. Halaman arahan default subjek induk membuat sembilan pertanyaan basis data dan hanya terdiri dari dua permintaan HTTP, dengan berat sekitar 29kb. Topik ini terlalu ringan – tidak ada struktur JavaScript dan tidak ada gambar yang berlebihan, hanya subjek dasar dan responsif. Setelah memperkenalkan subjek Frank, jumlah permintaan HTTP yang diharapkan untuk memuat situs saya berkurang dari 31 menjadi hanya empat.

6.5. Pengoptimalan Beranda

Ada beberapa pendekatan sederhana untuk mempercepat situs Anda:

• Jika Anda mendistribusikan entri blog di halaman arahan Anda, distribusikan hanya pilihan atau sinopsis dan kurangi jumlah hadiah menjadi lima atau kurang.
• Jauhkan gadget ke pangkalan. Cukup gunakan gadget yang benar-benar penting.
• Hapus modul idle atau tidak berguna.

Umumnya, konfigurasi situs yang bersih dan terpusat akan membantu halaman Anda terlihat bagus, serta PageSpeed ​​akan menjadi lebih cepat.

6.6. Optimasi Gambar

Gambar beresolusi tinggi membutuhkan waktu lebih lama untuk ditumpuk daripada gambar yang ditingkatkan, dan penggilingan yang terlalu besar pasti dapat mengurangi kecepatan halaman . WPMU DEV menawarkan modul luar biasa (gratis!) yang disebut WP-Smush.it. Ketika Anda massal gambar smush dengan modul ini, Anda akan menemukan ukuran gambar Anda akan sangat berkurang tanpa mengorbankan kualitas visual. Sementara kita berada di tema gambar, gambar menumpuk apatis juga dapat meningkatkan kecepatan halaman .

JPEG 2000, JPEG XR, dan WebP adalah format gambar yang memiliki atribut tekanan dan kualitas yang lebih baik dibandingkan dengan mitra JPEG dan PNG yang lebih mapan. Mengkodekan gambar Anda dalam pengaturan ini sebagai lawan dari JPEG atau PNG menyiratkan bahwa mereka akan memuat lebih cepat dan mengambil lebih sedikit data seluler yang akan meningkatkan kinerja Kecepatan Halaman Google . WebP didukung di Chrome dan Opera dan memberikan kompresi lossy dan lossless yang lebih baik untuk gambar di web.

6.7. Tunda CSS yang tidak digunakan

CSS yang tidak digunakan memundurkan pengembangan program dari pohon render. Pohon render menyerupai pohon DOM, tetapi sebenarnya, ia juga menggabungkan gaya untuk setiap hub. Untuk membangun pohon render, sebuah program harus menjalankan seluruh pohon DOM, dan memeriksa aturan CSS mana yang berlaku untuk setiap hub. Semakin banyak CSS yang tidak digunakan, semakin banyak waktu yang mungkin perlu dihabiskan oleh suatu program untuk mencari gaya untuk setiap node yang akan berdampak negatif pada Kecepatan Wawasan Halaman Google .

6.8. Aktifkan Kompresi Teks dan Encode Gambar

Anda juga perlu mengompresi file teks jika ingin mengoptimalkan Kecepatan Halaman Google Anda . Kompresi teks memungkinkan transfer jaringan lebih cepat, sehingga memfasilitasi lebih baik. Encoding gambar adalah jenis kompresi data, yang memungkinkan Anda untuk mengompresi penyimpanan dan transmisi gambar.

6.9. Perkecil CSS, HTML, JavaScript

"Memperkecil" mengacu pada membuang informasi yang tidak berguna atau berulang tanpa memengaruhi cara halaman ditangani oleh program yang akan meningkatkan hasil Kecepatan Halaman Google . Pengkodean yang buruk dapat menjadi alasan untuk masalah ini, dan cenderung diselesaikan dalam beberapa cara yang berbeda.

Di luar mempelajari kode sumber halaman Anda secara fisik, Google menyarankan untuk mencoba aset yang menyertainya:

• Minifier HTML untuk mengecilkan HTML.
• CSSNano dan csso untuk mengecilkan CSS.
• UglifyJS2 dan Closure Compiler untuk mengecilkan JavaScript.

Pilihan lain, tentu saja, memanfaatkan AMP dan AMP Google untuk sistem promosi. Kedua proyek memungkinkan para insinyur untuk membuat halaman dengan bentuk HTML, CSS, dan JavaScript yang dilucuti. Hasilnya adalah halaman dan promosi yang menumpuk dalam hitungan detik.

6.10. Hindari Pengalihan Halaman Arahan

Jika halaman Anda belum terstruktur secara responsif, hasilnya bisa berupa berbagai pengalihan ke halaman lanjutan untuk berbagai gadget yang akan meningkatkan PageSpeed . Beberapa desain pengalihan dasar, seperti yang ditunjukkan oleh Google:

• com menggunakan arsitektur situs web responsif, tidak diperlukan pengalihan – cepat dan ideal!
• com? m.example.com/home – hukuman multi-pulang pergi untuk klien serbaguna.
• com? www.contoh.com ? m.example.com – pengalaman serbaguna yang moderat.

Setiap kali klien harus dialihkan, rendering halaman berhenti — yang menambahkan detik berharga ke waktu tumpukan halaman Anda. Jauhi sidetracks di dalam dan di luar dengan membangun halaman Anda dengan rencana responsif — teknik yang menjamin pertemuan klien yang berkualitas terlepas dari gadget yang digunakan prospek Anda. Dengan cara ini hasil akhir Google Page Speed ​​Test akan lebih baik.

6.11. Hilangkan Render-Blocking JavaScript

Selain hal-hal lain, JavaScript memberdayakan beberapa perangkat luar yang luar biasa dan komponen halaman yang intuitif. Masalahnya adalah, itu juga menghentikan penguraian kode HTML.

Saat Anda melihat pesan kesalahan yang membaca dengan teliti “hilangkan JavaScript yang memblokir perenderan”, ini menyiratkan ada sedikit kode JavaScript yang menunda prosedur penumpukan untuk bagian lipatan atas halaman Anda yang berdampak negatif pada hasil Tes Kecepatan Halaman Google . Konten orang luar secara khusus mungkin akan disalahkan untuk masalah ini. Tangani dengan tiga cara berbeda:

• Skrip yang tidak penting untuk prosedur penumpukan harus sengaja ditunda — dibawa dan dijalankan setelah halaman dirender sepenuhnya.
• Skrip yang menumpuk secara tidak sinkron harus digunakan lebih dari yang menumpuk secara sinkron. Konten yang sinkron menghentikan proses rendering halaman, sementara konten yang tidak setuju memungkinkan program untuk menumpuk komponen yang berbeda untuk sementara waktu.
• Pertimbangkan untuk menyejajarkan konten — menyematkan sedikit di luar aset JavaScript secara langsung ke dalam laporan HTML Anda — untuk mengurangi jumlah permintaan yang perlu dibuat oleh program Anda.

Dengan mencoba menerapkan langkah-langkah di atas, Hasil Tes Kecepatan Halaman Google secara keseluruhan meningkat.

6.12. Manfaatkan Cache Peramban

Dibutuhkan tuntutan yang berbeda antara server dan program sebelum halaman benar-benar ditumpuk untuk klien. Sejauh waktu yang bersangkutan, semua orang termasuk. Menyimpan memungkinkan program Anda untuk, seolah-olah; “recall” komponen-komponen tertentu yang belakangan ditumpuk — header, route, logo, dan lain-lain. Semakin banyak komponen yang dapat disimpan oleh program, semakin sedikit komponen yang perlu ditumpuk begitu klien mengajukan permintaan, dan akhirnya, semakin cepat halaman akan ditumpuk yang meningkatkan PageSpeed . Google menetapkan strategi pemesanan dasar multi-minggu, dan untuk komponen yang umumnya tidak berubah, satu tahun sangat ideal.

7. Kesimpulan

Web telah bergerak menuju menjadi penuh sesak dan Anda tidak dapat berpuas diri berharap menjadi terkenal dan efektif jika situs Anda berjalan moderat atau tidak bermain sebagaimana mestinya. Proposal Google PageSpeed ​​Insights bergantung pada aliran praktik terbaik industri untuk area kerja dan eksekusi web serbaguna, jadi jangan menunda secara bertahap dan mulailah mendapatkan lebih banyak grup penonton, memperluas kinerja situs web Anda dan posisi indeks web, dan meningkatkan pengunjung Anda membaca latar belakang. Anda sekarang memiliki pengetahuan yang baik tentang seluruh buzz tentang Google PageSpeed ​​Insights ini .

Gunakan tips yang disebutkan di atas dan Anda mungkin akan melihat beberapa hasil yang baik dan perubahan positif. Juga, perlu diingat bahwa Roma tidak dibangun dalam satu hari sehingga Anda perlu memberikan waktu sebelum Anda akhirnya dapat menilai apakah langkah-langkah yang telah Anda ambil untuk meningkatkan skor Google PageSpeed ​​Insight Test Anda berhasil atau tidak.