Sebagai pemilik situs, Anda tahu bahwa itu harus cepat. Dan Anda sudah membaca berbagai artikel tentang cara mempercepat situs Anda, bahkan mungkin sesuatu telah diimplementasikan. Selanjutnya menjadi menarik seberapa cepat situs dimuat. Di sini Anda pergi ke Google PageSpeed \u200b\u200bInsights sebagai alat paling populer, Anda akan menerima penilaian dan daftar rekomendasi dari Google. Dan di sini sebagian besar dari kita hilang:

• Apakah indikator PageSpeed \u200b\u200bInsights untuk SEO?
• Mengapa penilaian situs saya tidak maksimal?
• Apa arti semua rekomendasi ini?

Sebelumnya, Anda termasuk caching di situs dan diharapkan bahwa peringkat PageSpeed \u200b\u200bakan hampir sempurna, dan sekarang Anda berpikir mengapa plugin ini tidak memperbaiki semua masalah dengan kecepatan? Mungkin itu tidak terlalu bagus? Jawaban singkat adalah:

Indikator Google PageSpeed \u200b\u200btidak masalah.

Ya, itu sangat ... Tapi mengapa itu tidak penting?

Kecepatan Halaman vs PageSpeed \u200b\u200bInsights

Kecepatan (waktu pengunduhan situs) penting dan merupakan metrik penting dalam SEO, dan juga memengaruhi pengalaman pengguna. Ketika GoogleBot mengindeks situs, ia tidak melihat indikator PageSpeed, tetapi hanya tahu kecepatan itu sendiri. Apakah Anda tahu bahwa Google PageSpeed \u200b\u200bInsights tidak mengukur kecepatan situs Anda? Ya, baca lagi:

Google PageSpeed \u200b\u200bInsights tidak mengukur kecepatan situs.

Halo, situs pembaca blog yang terhormat! Saat ini, posting akan dikhususkan untuk instrumen yang indah dari Google Page Aids, yang memungkinkan Anda untuk menguji halaman apa pun untuk mempelajari kemungkinan mempercepat pemuatannya ().

Bukan rahasia lagi bahwa mesin pencari, terutama Google, baru-baru ini memperhatikan aspek ini, sehingga situs web cepat menerima keunggulan tertentu dalam peringkat dan posisi yang lebih tinggi dalam hasil pencarian.

Google Page Speed \u200b\u200bInsights tidak hanya mendeteksi dan menunjukkan semua alasan mengapa halaman tidak cukup dimuat dengan cukup cepat, tetapi juga menawarkan cara-cara khusus untuk menghilangkannya, dan beberapa masalah yang ditemukan dapat dengan mudah dihilangkan oleh pasukan layanan dalam mode otomatis.

Apa saja alat optimasi sama sekali menggunakan google?

Pada prinsipnya, untuk setiap proyek Anda, saya membayar cukup waktu untuk mengoptimalkan halaman yang berkontribusi pada unduhan cepat mereka. Ini benar-benar tidak mencapai blog hanya sebelum situs blog, yang pada dasarnya merupakan manual visual untuk webmaster pemula, bukan tanpa ambisi sehat dan dibebankan untuk mencapai tujuan.

Tetapi, karena secara alami saya seorang perfeksionis, tidak dapat mengizinkan sumber daya web informasi untuk dibawa, sehingga untuk berbicara, pengetahuan tentang massa, akan berada dalam beberapa aspek di antara lambgard. Oleh karena itu, diputuskan untuk melakukan upaya maksimal untuk mengoptimalkannya, termasuk rekomendasi AIDS halaman.

Oleh karena itu, segera beralih ke deskripsi alat ini sehingga Anda dapat memperkirakan fungsinya dan mendaftar dalam praktik untuk kepentingan sumber daya web Anda.

Sebelumnya, dimungkinkan untuk digunakan dalam bentuk ekstensi untuk browser dan, unduhan tautan hadir di halaman khusus Google. Selain itu, untuk menerapkannya di maze, pertama-tama perlu, di mana Paige Aids hadir sebagai tambahannya:

Sekarang tidak mungkin lagi menerapkan ekstensi untuk browser dari Google, meskipun plugin yang sama, tetapi dalam beberapa interpretasi lain, tersedia di situs web resmi Chrome dan Massion. Selain itu, ada monitor fungsional layanan online Google dengan fungsional yang sama persis dan tidak kurang dari kemungkinan. Jika Anda pergi ke bagian pengembang, Anda akan melihat tautan ke alat kecepatan halaman:

Ngomong-ngomong, di halaman yang sama "Alat PageSefeed" Ada semua proposal Google untuk mempercepat situs. Sepertinya pengembang "Kekaisaran Baik" dengan serius mengambil optimasi dan akselerasi seluruh ruang Internet, karena di pengembang Anda akan menemukan tautan ke perpustakaan optimasi ( Mengintegrasikan perpustakaan optimasi PageSefeed) Open source.

Ketersediaan kode terbuka perangkat lunak Proyek ini beroperasi berdasarkan modul " mod_pagespeed.", Yang dipasang di server Apache (KOI, omong-omong, mayoritas yang luar biasa), berarti dapat ditingkatkan atau diperbarui siapa pun.

Artinya, dengan cara ini cukup realistis dengan mengorbankan komunitas Internet untuk menciptakan dekat dengan alat akselerasi yang sempurna. Bagaimana semuanya terlihat dalam latihan, waktu akan ditampilkan. Secara alami, untuk memberikan kontribusi penuh dan mencapai kesuksesan dalam kerugian ini, perlu menjadi programmer yang cukup berkualitas.

Jika Anda melihat tangkapan layar teratas (informasi diliputi dengan bingkai hijau), Anda akan melihat tautan untuk menginstal versi terbaru dari modul yang sudah jadi di sana. Mungkin menarik bagi pemilik yang dapat menginstalnya di server mereka, menyediakan akselerasi otomatis situs yang terletak di sana.

Apalagi ada dua modifikasi dari modul AIDS halaman: langsung untuk server Apache. Dan untuk bundel Apache + nginx, di mana yang kedua memainkan peran server proxy:

By the way, pangsa apakatik dan NGNIX dalam kondisi modern paling banyak diminati dan digunakan oleh sebagian besar hoster canggih (termasuk, misalnya, spritthost), karena memastikan penggunaan sumber daya yang efisien. Jadi, jika Anda tertarik dengan metode akselerasi otomatis situs ini, Anda dapat melampirkan ke tangan ini atau tegang Hoster Anda.

Google "S PageSpeed \u200b\u200bmerekomendasikan (PATHS untuk meningkatkan kecepatan situs pemuatan halaman)

Di atas, kami melihat kemungkinan, sehingga untuk berbicara, peningkatan global dalam kecepatan pengunduhan situs web, yang membutuhkan pengetahuan khusus (kemungkinan informasi ini akan berguna bagi seseorang yang berguna, setidaknya di masa depan).

Tetapi untuk bagian utama pembaca, yaitu, webmaster sederhana, opsi yang lebih relevan jelas dan tersedia di sini dan sekarang. " Hanya kondisi seperti itu sepenuhnya mematuhi layanan PageSefeed Insights, yang akan dibicarakan. Untuk menganalisis halaman tertentu dari situs, masukkan URL-nya () pada halaman ini:

Setelah analisis, Anda akan melihat aturan Google, dan sebagai terkait dengan perangkat selulerdan PC, yang sangat berharga. Dalam contoh ini, untuk halaman utama blog ini, 76 kredensial dari 100 untuk ponsel adalah hasil biasa yang dapat ditingkatkan secara signifikan jika Anda memanfaatkan rekomendasi.

Apalagi untuk mengoptimalkan setiap sumber daya yang memperlambat beban halaman, referensi diberikan kepada bagian yang relevan (untuk tujuan tanda terima, klik tautan "Bagaimana cara memperbaiki?"), di mana Anda akan menemukan deskripsi tindakan yang diperlukan untuk menghilangkan kekurangan.

Tapi di sini Anda perlu membuat komentar penting. Perlu analisis halaman jenis yang berbeda. Untuk mencapai penurunan waktu pengunduhan seluruh situs secara keseluruhan. Misalnya, untuk vordpress blog standar, tingkat optimasi dalam aspek ini untuk halaman utama, kolom, halaman statis dan catatan dapat sepenuhnya berbeda.

Di atas saya memberi contoh homepage.Di mana pos ditampilkan, tetapi salah satu artikel AIDS memberi peringkat yang jauh lebih rendah:

Ini terjadi karena posting biasanya jauh lebih banyak dan mencakup berbagai jenis sumber daya dan konten (gambar, video, skrip). Oleh karena itu, lebih baik mulai memeriksa optimasi dari mereka. Ngomong-ngomong, dari sudut pandang ini, mengusir dari penilaian itu Kecepatan Halaman Menyediakan Untuk PonselKarena pencapaian kecepatan beban yang layak pada perangkat tersebut membutuhkan lebih banyak televitasi.

Tetapi bahkan catatan catatan yang berbeda mungkin berbeda dalam kualitas. Ini terjadi, termasuk karena beberapa dari mereka melakukan skrip tambahan yang memperlambat unduhan. Misalnya, tingkat optimalisasi salah satu dari jebon ini menyebabkan saya tidak hanya mengejutkan, tetapi kejutan nyata:

Jelas bahwa 62 poin dari 100 mungkin bukanlah hasil yang perlu Anda perjuangkan. Dan semua karena pada ini dan beberapa halaman catatan lainnya, saya memiliki skrip plugin sintakser, mulai dekorasi yang indah Kode yang diterangi.

Mungkin ada beberapa ekstensi seperti itu di situs. Dalam setiap kasus, perlu untuk menyelesaikan sendiri berapa banyak plug-in penting untuk sumber daya Anda dari sudut pandang fungsi yang disediakannya. Dan tergantung pada hal ini, perlu untuk menghapusnya, atau mengambil langkah-langkah untuk mengoptimalkan yang akan membantu mempercepat beban halaman.

Di atas sangat benar dalam CMS paling populer di dunia, yang menikmati jumlah webmaster yang luar biasa. Mesin multifungsi ini bagus, tetapi harus terus-menerus debug dalam hal mengurangi beban di server dan mengurangi waktu pemuatan halaman. Oleh karena itu, pemilik sumber daya web yang bekerja pada WP harus mengambil catatan ini. Dan ketersediaan layanan seperti itu sebagai aids halaman di sini karena tidak mungkin.

Pastikan untuk membaca semua artikel ini setidaknya dalam mode tampilan, mengklik tautan di atas, Anda mungkin menemukan banyak berguna untuk diri sendiri. Di masa depan, saya berencana untuk kembali ke masalah mempercepat sumber daya web lebih dari sekali, dan oleh karena itu Anda dapat mengeluarkan langganan agar tidak ketinggalan output publikasi baru pada topik ini.

Sebagai kesimpulan, lihat video yang bermanfaat dari mana Anda akan belajar mengapa tip kecepatan halaman adalah sifat rekomendasi dan untuk alasan apa tidak boleh mengikuti secara fanatik kepada mereka.

Modul Google PageSpeed \u200b\u200buntuk situs: Apa yang bisa dan cara menggunakannya

Kami memutuskan untuk bereksperimen dan menambahkan Accelerator dari Google ke tiga proyek. Apa yang terjadi darinya - cari tahu.

Situs harus boot secara instan. Oh, tidak, situs seharusnya tidak ada orang? Pergi ke Trolleybus dan duduk di sebelah siswa yang duduk dengan iPhone. Lihat, apakah dia siap menunggu sampai beberapa toko online dimuat. Katakan saja: tiga detik - dan tab ditutup. Hasil berikutnya adalah hasil berikut dari hasil pencarian.

Ngomong-ngomong, Pro penerbitan pencarian. Kecepatan unduhan situs memengaruhi peringkat di mesin pencari. Prufs dan. Situs "Thoring" cenderung dikunjungi oleh robot, dan, itu berarti lebih jarang diindeks. Dari sini ada tempat dalam ekstradisi dan kenyamanan menemukan informasi yang diperlukan.

Secara konstan berpikir apakah halaman Anda akan dimuat lebih lambat pada smartphone daripada pada PC. Dan jika demikian, maka kita kemungkinan besar akan menurunkannya dalam ekstradisi.

- Matt Katts, Google

Google bekerja dan merilis alatnya untuk memeriksa kecepatan - PageSpeed. Temukan elemen pengereman hanya pergi sini Dan di satu-satunya bidang, tentukan alamat yang ingin Anda uji. Selama satu menit, laporan kinerja terperinci akan siap. Hasilnya akan ditampilkan dalam beo. Idealnya, stasiun layanan mereka, tetapi cobalah untuk mencapai! Bahkan Google sendiri tidak di bawah kekuasaan: periksa layanannya :)

Tes dilakukan untuk versi desktop dan ponsel situs. Fokus lebih baik dalam skala warna: Zona kuning akan menunjukkan bahwa ada elemen yang perlu dioptimalkan, Green akan melaporkan bahwa semuanya baik-baik saja. Jika situs di zona merah, pasang kecepatan dan optimalkan. Jika tidak menjelang jurang: sedangkan halaman dimuat, pengguna sudah akan pergi ke situs lain :)

Anda dapat mengoptimalkan situs dengan dua cara.

Optimalisasi manual

1. Peras gambar-gambar Photoshop atau jalankan Optimizilla. , mis

Semakin kecil gambar berbobot, semakin banyak boack lebih cepat, situs dimuat. Kami membuat kompresi, gambar multi-partikel bersembunyi di bawah kucing. Cukup Previe 640 × 480. Lebih sedikit gambar - situs tidur.

Bahkan pada halaman awal Grafik pengembang Google dapat diperas oleh 71%.

2. Menghubungkan font dari situs itu sendiri, dan tidak menariknya dengan Google

Minus - sedangkan browser belum memuat font, pengguna akan melihat arial atau tahoma yang membosankan.

3. Gunakan cache browser ke maksimum

Ketika situs disimpan sebagian oleh klien - unduhan akan lebih cepat.

4. Kurangi Javascript dan CSS

Script tidak diedit setiap hari setelah rilis - tidak masuk akal untuk mengompres mereka dengan cepat. Cukup untuk mengoptimalkan sekali setelah kode. Template JS lebih baik untuk ditangani di server, sematkan hasilnya dalam HTML dan gunakan template pada klien setelah mengunduh.

5. Kurangi HTML

Dalam praktik - penghapusan kesenjangan, tab, garis yang tidak perlu.

6. Hapus kode yang tidak digunakan.

Dapat dibangun ke dalam audit "Chrome". Klik F12 dan buka tab Audit. Di bawah ini adalah satu-satunya tombol lari. Ini umumnya sama dengan PageSpeed. Hanya secara real time.

Optimalisasi otomatis

Situs mana pun terdiri dari elemen dinamis dan statis. Elemen dinamis - Kode HTML diperoleh dari PHP dan permintaan basis data. Dan sisanya adalah statis. Ini adalah gambar, Javascript dan CSS.

Secara otomatis mengoptimalkan situs dapat curam oleh wawasan Google - PageSpeed. Modul ini diinstal pada server nginx dan memeras real-time setelah pengaturan. info dofig , antara lain, grafis.

PageSpeed \u200b\u200bInsights dapat menganalisis HTML dan mengoptimalkan sumber daya. Jelas, lebih pendek. Dalam kode sumber, sumber daya akan berada di jalur lain, bukan dengan apa yang diatur untuk memeras foto ke pengembang. Itu harus dipertimbangkan. Tetapi tampilan sumber daya tidak akan berubah. Berat akan berkurang. Jadi, itu akan meningkatkan kecepatan unduhan halaman dan pengunjung akan puas :)

Namun, PageSpeed \u200b\u200bInsights memiliki keterbatasan. Itu hanya bisa diletakkan di nginx, diluncurkan pada atau server virtual. Tidak, sewaan di suatu tempat di Jerman, server bersama tidak akan cocok.

Keterbatasan kedua dikaitkan dengan browser perang abadi. Gambar PageSpeed \u200b\u200bdikonversi ke format.webp, yang hanya mengerti "Chrome" (dalam kekasih populer Internet Explorer. 6 Hal ini tidak akan lulus). DI versi terbaru. Tampilan gambar-gambar tersebut telah dipelajari dan "Opera". Karena mesin telah berubah.

Contoh menggunakan PageSpeed \u200b\u200bInsights

Kami memasang modul PageSpeed \u200b\u200bInsights pada tiga proyek - di situs web baru Anda dan pada dua klien. Modul melihat, dari mana browser datang permintaan, penampilan, apakah dilatih untuk menampilkan format webp dan memberikan gambar yang dioptimalkan atau jpeg biasa.

Di Siberia, pengaturan memakan waktu sekitar setengah hari. Sesuatu harus dilakukan secara empiris: berubah, menyaksikan apa yang terjadi. Kadang-kadang zona itu hijau, dan terbang dengan warna kuning bisa benar-benar tak terduga.

Sekarang kedua versi ada di zona hijau. Jadi tidak akan ada masalah dengan kecepatan. Jika kecepatan koneksi baik, tidak ada keunggulan :)

Dalam dukungan teknis Kami memutuskan untuk bereksperimen dan menginstal modul PageSefeed Insights di dalamnya.

Google PageSpeed \u200b\u200badalah alat yang memungkinkan Anda untuk memeriksa kecepatan situs. Ini memungkinkan Anda untuk memperkirakan pengunduhan kecepatan untuk PC stasioner dan untuk perangkat seluler dan rekomendasi masalah yang dapat digunakan untuk mengoptimalkan.

Hasil analisis kecepatan pemuatan situs terlihat seperti ini:

Periksa kecepatan situs dari Google PageSpeed \u200b\u200bInsights dan Rekomendasi Layanan

Setelah menganalisis kecepatan pemuatan situs, rekomendasi berikut dapat diperoleh paling sering:

Optimalkan gambar.

Rekomendasi layanan yang paling sering ditemui terkait dengan pilihan yang optimal Gambar untuk situs. Konten grafis sangat berat dan dapat memperlambat pengunduhan halaman sumber daya. Rekomendasi paling umum terdiri dalam memilih format yang tepat (paling sering masuk akal untuk menggunakan PNG), ukuran dan kualitas gambar. Begitu besar, latar belakang yang digunakan sebagai latar belakang kaleng kadang-kadang memperlambat kecepatan pemuatan situs. Anda selalu perlu memeriksa gambar dan memaksimalkan ukuran dan kualitasnya (ukuran dan kualitas gambar masuk akal untuk mengatur minimal dapat diterima untuk sumber daya tertentu).

Aktifkan kompresi

Pengompres server web adalah parameter penting yang memberikan kecepatan. Ini disertakan oleh modul mod_deflate di Apache atau dengan mengorbankan arahan nginx.

Leverage Browser Caching.

Menentukan apakah judulnya ditransmisikan dan data di browser pengguna di-cache. Caching dapat secara signifikan mengurangi jumlah banding ke server, yang mengurangi beban pada TI dan meningkatkan laju pengembalian data statis (yang paling banyak di situs mana pun) kepada klien

Hilangkan JavaScript dan CSS yang memblokir dengan konten di atas lipat

Javascript Kode default dijalankan sebagai halaman dimuat, cara serupa diproses oleh CSS. Itu. Jika skrip JS terhubung dalam bodi dokumen, renderingnya terputus setiap kali sampai skrip dipenuhi. Anda dapat menghindari ini dengan menambahkan ketika terhubung dengan Javascript dan HTML Tubuh halaman akan diberikan terlepas dari kode yang dapat dieksekusi.

Misalnya, JS dalam mode asinkron dapat dihubungkan seperti ini: