Google PageSpeed ​​Insights solve issues and get green



Google PageSpeed optimizasyon

Google PageSpeed ​​Insights [1] web sitenizin nasıl performans gösterdiğini görmek için harika bir araçtır. Zayıf bir puanınız olması durumunda, sorunların çoğunu çözmek için çözümleri uygulaması kolay olan bir dizi makale.

Google PageSpeed ​​Insights

Bu, Google PageSpeed ​​Insights [1] 'de yeşile dönmeme izin verdi, cep telefonunda 17 puandan (Şekil 1) 89'a (Şekil 14), masaüstünde 35'ten (Şekil 3) 89'a yükseldi (Şekil 16). ).

1. Adım: Web için görüntüleri optimize edin

Bu, Google PageSpeed ​​[1] testini geçmeme izin verdi Bir web sitesinde görüntüleri optimize et [2], mobilde 17 puandan (Şekil 1) 51'e (Şekil 2) ve 35'ten (Şekil 3) 59 masaüstünde (Şekil 4).

Görselleri Optimize Etme PageSpeed ​​Insights Google Geliştiriciler
GIMP [3] kullanarak toplu görüntü işleme ve toplu görüntü güncelleme

Adım 2: CSS ve javascript optimizasyonu

Ekranın üst kısmındaki içerikte oluşturma engelleyen JavaScript ve CSS'yi kaldırın.

Bu, Google PageSpeed ​​[1] testini geçmeme izin verdi. Bir web sitesindeki üst düzey içerikteki render engelleyen JavaScript ve CSS’yi kaldır (mobil web sitesinde 51 puandan yükseliyor (Leverage tarayıcı önbelleğe alma [6] ile birlikte). Şekil 5) ila 72 (Şekil 6) ve masaüstünde 59'dan (Şekil 7) ila 79'a kadar (Şekil 8).

Google PageSpeed'i Onarma Ekranın üst kısmındaki içerikte render engelleyen JavaScript ve CSS'yi kaldırın [4]

Adım 3: web tarayıcı önbelleğini etkinleştir

Kaldıraç tarayıcı önbelleği, bir web sitesinde Google PageSpeed ​​[1] testinden yararlanarak Kaldırma tarayıcı önbelleğe almayı [5] (katlamanın üzerindeki içerikte render engelleyen JavaScript ve CSS'yi kaldır [4] ile birlikte) bir skordan çıkıyor mobil cihazlarda 51'inin (Şekil 9) ila 72'inin (Şekil 10) ve masaüstünde 59'un (Şekil 11) ila 79'unun (Şekil 12) olduğu gibi.

Tarayıcı Önbelleğe Alma PageSpeed ​​Insights'dan Google Geliştiricilerden yararlanın
Google PageSpeed ​​kaldıraç tarayıcı htaccess önbelleğe alma düzeltildi [6]

Adım 4: Sıkıştırma htaccessini etkinleştir

Htaccess'te sıkıştırmayı etkinleştirmek, Google PageSpeed ​​[1] testini geçmeme izin verdi. Tarayıcıyı web sitesinde [7] önbelleğe almayı, cep telefonunda 72 puandan (Şekil 13) 89'u (Şekil 14) ve 79'dan (79'dan fazla) geçmesini sağladı. Şekil 15) - 89 masaüstünde (Şekil 16).

Metin tabanlı varlıkların kodlamasını ve aktarım boyutunu optimize etme - Web Temelleri
Google PageSpeed'in PHP ve Htaccess'teki sıkıştırmayı etkinleştirmesi düzeltildi [8]
Yoann
Yazar hakkında - Yoann
Yoann, Uluslararası İş Danışmanı, kolaylaştırıcı ve koordinatördür. Küresel ticaret, tedarik zinciri, finans, SAP ERP projeleri, lojistik, kozmetik, tüketim malları, güzellik bakımı veya moda gibi çeşitli endüstriler için dünya çapında 30'dan fazla ülkede 10 yıldan fazla çalıştı. .
 




Yorumlar (0)

yorum Yap