Google PageSpeed ​​Insights Tool'un zirvesinde nasıl olunur?

Tanıtım

Her şeyin ve her şeyin üstünde olmak her zaman iyi bir duygudur. Google Sayfa Hızı , web sitenizin performansını büyük ölçüde etkileyen bir şeydir. Google Sayfa Hızı , genel olarak web sitenizin yüklenme hızıdır. Web sitenize ağırlık veren unsurları azalttığınızdan emin olmanız gerekir. Bu şekilde web sitenizin Sayfa Hızını artırabilir ve üst sıralarda yer alabilirsiniz. Bu, genel SEO Sıralamasına da katkıda bulunur. Bu makalede, Google Page Speed ​​Insights'ın özünü nasıl çıkaracağımızı ve Google Sayfa Hızı Testinde zirveye en uygun algoritmaları nasıl formüle edip uygulayacağımızı görelim !

1. Google Sayfa Hızı Analizleri

900.000 reklamda gezinmenin ardından, Google Page Speed ​​Insights'tan analistler , normal taşınabilir sunum sayfasının aşağılayıcı 22 saniyede biriktiğini buldu. Bu, çoğu endişeli web istemcisinin bir sayfayı teslim etmeden önce bekleyeceğinden birkaç kat daha uzundur - yüzde 53'ü doğru. Sayfanızın yığılması 3 saniyeden fazla sürerse, potansiyel müşterileriniz daha farkına bile varmadan ayrılırlar. Bu yeterince korkunç değilmiş gibi, sayfa bilgileri , bir sayfanın istiflenmediği her zorlu anda, daha fazla misafirin atlayacağını buldu.

SOASTA'nın inovasyonda makine öğreniminin yardımıyla, bilim adamları yükleme süresi, sayfa ağırlığı (verilerdeki ölçü) ve dönüşüm hızı arasında bir bağlantı buldular. Temel olarak, “ağır” daha yavaş anlamına gelir. Özellikle, sayfadaki bileşenlerin (içerik, resimler vb.) sayısı 400'den 6.000'e yükseldiğinde, bir misafiri değiştirme olasılığınız %95 oranında düşer.

Ancak sayfanız kademeli olarak yığılıyorsa, sorunu tam olarak belirlemek her durumda basit değildir. İçeriği ve resim sayısını etkileyen Google Sayfa Hızının ölçüsü başlangıçta fark edilebilir olsa da, gereksiz JavaScript ve çok fazla yan yol gibi sorunlar değildir.

2. Google PageSpeed ​​Insights Çıkarımları

Google PageSpeed ​​Insights , bir site sayfasının hızını hızlı ve zahmetsizce test etmenizi sağlayan bir araçtır. Neyse ki, sayfanızın yüklenme süresini tam olarak neyin yönettiğini keşfetmek için kullanabileceğiniz ücretsiz bir araçtır. Bir URL girmek ve "Analiz et"e basmak, site sayfasını nelerin azalttığına dair iki parametreye bağlı olarak, sorunu çözmenin en iyi yolu ile ilgili önerilerle birlikte, hızlı bir şekilde ayrıntılı bir rapor alacaktır.

• Parametre 1: Ekranın üst kısmındaki yüklemeye kadar geçen süre. Bu, bir istemcinin talep etmesinden sonra içeriği ekranın hemen altında oluşturmak için bir programın aldığı sürenin ölçüsüdür.
• Parametre 2: Tam sayfa yükleme süresi. Bu, bir istemcinin talep etmesinden sonra bir tarayıcının bir sayfayı tam olarak oluşturması için geçen süredir.

Peki PageSpeed ​​Insights sitenizi nasıl değerlendiriyor? Sayfa yürütmenin sistemden bağımsız bölümlerine bir göz atar: sunucu düzenlemesi, bir sayfanın HTML yapısı ve örneğin resimler, JavaScript ve CSS gibi dış varlıkların kullanımı.

Sitenizi PageSpeed ​​Insights ile test etmek, sitelerini geliştirmeyi denememiş herhangi bir kişinin gözünü açıcı olabilir ve ayrıca Sayfa İstatistikleri , sitenin işleyişini geliştirmeyi umut edenler için olağanüstü bir başlangıç ​​aşaması sunar.

Bunu söyledikten sonra, bir site Google Sayfa Hızı Testinde beklenenden daha düşük puanlar verdiğinde veya sitenizde oluşturduğunuz tahminlere karşı çıkan öneriler geldiğinde sizi anlamsız bir çılgınlığa sürükleyebilir . Cihaz şu anda iki temel ölçüme dayanmaktadır:

1. İlk İçerikli Boya
2.İlk Giriş Gecikmesi

Yukarıdaki iki parametre üç farklı şekilde puanlanır:

1.Hızlı
2.Ortalama
3.Yavaş.

İşte bu iki ölçümün sade dilde anlamı.

2.1.İlk İçerikli Boyama (FCP)

FCP, program içinde herhangi bir işlemenin ne zaman görüneceğini tahmin eden bir metrik olan “ilk boyama” üzerine bir detaylandırmadır (örneğin, temel gölgelemesinde bir ayarlama bile kontrol eder). FCP metriği, gerçek maddenin sayfada yığıldığı noktaya kadar geçen süreyi tahmin ederek size daha değerli bir müşteri karşılaşma değerlendirmesi sağlar.

2.2.İlk Giriş Gecikmesi (FIP)

FIP, Google Sayfa Hızı Testinin önemli bir parametresidir ve bir sitenin yüklenme süresini ifade eder. Temel olarak, bir kullanıcının sitenizle iletişim kurduğu andan tarayıcınızın tarayıcıyla gerçekten iletişim kurmaya başladığı zamana kadar geçen süredir.

3. Sayfa Hızı Neden Önemlidir?

Birisi sitenize ulaştığında, sadece birkaç dakikanız var ve onların dikkatini çekecek ve onları etrafta dolaşmaya ve atlamamaya ikna edeceksiniz. Kaliteli madde ve çekici bir konu esastır; ancak sayfanızın kademeli olarak yığılması durumunda, içeriğinizi görme fırsatını bile motive etmeden bireyleri kaybedebilirsiniz.

Kissmetrics'e göre, web istemcilerinin neredeyse %50'si bir web sitesinin iki saniye veya daha kısa sürede yığınlanacağını ve genel olarak üç saniye içinde yığınlanmayan hedeflerden vazgeçeceklerini tahmin ediyor. Web sitesinin yürütülmesinde zorluk yaşayan çevrimiçi müşterilerin toplam yüzde 79'u tekrar satın almak için web sayfasına geri dönmeyecek ve yaklaşık yüzde 44'ü, web'de kötü bir alışveriş deneyimi yaşadıklarını şans eseri arkadaşlarına söyleyecektir. web siteniz için olumsuz bir etki. Bu nedenle PageSpeed çok önemlidir.

4. PageSpeed ​​Insights'ın özü

Sayfa hızı , Google'ın genel sıralamaya karar vermek için kullandığı 200'den fazla işaretten biri olsa da ve arama sorularının yüzde 1'inden azı site hızı işaretinden etkileniyor olsa da, üzerinde durmanız gereken dönüşümler.

Harika bir sayfa hızına sahip iyi bir site , konuklarınıza öğenize güvenmelerini sağlayacak veya fayda sağlayacak ve onları paralarını teslim etmeye ikna edecektir. Sayfa yürütme, her sitenin temel bir parçasıdır. Son derece olağanüstü bir içeriğe ve hoş görünümlü bir siteye sahip olabilirsiniz, ancak, yığınlamanın çok uzun sürmesi veya çok yönlü yanıt vermemesi ihtimaline karşı, bireyler hızla rakiplerinizin sitelerine ilerleyecektir.

Bunu bir bütün olarak yaptığımız için gerçek olduğunu o zaman anlarsınız. Google PageSpeed ​​Insights , sitenizin nasıl çalıştığını özetleyebilir ve sitenizin yürütülmesini, yığın süresini ve gökyüzünün sınırının buradan itibaren artırılmasına ilişkin yanıtlar verebilir .

5. Google PageSpeed ​​Insights'ı kullanmanın avantajları nelerdir?

5.1. PageSpeed , Keşiflerine İlişkin İstisnai Öğelere Sahip Bir Rapor Veriyor

Sitenizin nasıl ilerlediğini ve hangi değişiklikleri (eğer önemliyse) uygulamanız gerektiğini gösteren bir rapor alın. Sitenizin hızını artırmak için son derece yararlı olan hem araştırma hem de ilerleme yönetimleri sağlar.

5.2. PageSpeed , Kullanıcı Deneyimini İyileştirir

Bugün, sayısız kişi siteleri ziyaret etmek için cep telefonlarını kullanıyor ve sayfanız mobil uyumlu değilse çok fazla trafik kaybedebilirsiniz. Google PageSpeed ​​Insights , mevcut puanınızı kesin olarak rapor eder ve sayfanızın mobil aşamaları dikkate alıp almadığını size bildirir. Hem çalışma alanını hem de mobil web uygulamasını geliştirmek için yürütme ipuçlarını kullanabilirsiniz.

5.3. Sayfa Hızı Ek Diller İçerir

Bu araç, örneğin Rusça, İspanyolca ve Sırpça gibi çeşitli dillerde çok kolay bir şekilde kullanılabilir.

5.4. PageSpeed'in Kullanımı Kolaydır

Google PageSpeed ​​Insights , sitenizin Google ile birlikte olmasını veya Google'ın müşterisi olmanızı beklemiyor. Kullanmak için herhangi bir kayıt çerçevesi tamamlamanız, bir kayıt yapmanız veya bir e-posta adresi vermeniz gerekmez.

5.5. Sayfa Hızı Ücretsizdir

Google PageSpeed ​​Insights , tüm dünyada tamamen ücretsizdir. Bu harika aracı kullanmak için tek bir kuruş ödemek zorunda değilsiniz.

6. Google Pagespeed Insights'ta %100 Mükemmel Bir Puan Almak için İpuçları

Google PageSpeed ​​Insights'ta %100 mükemmel bir puan elde etmek için uygulayabileceğiniz bazı ipuçları .

6.1. DNS

Cloudflare kullanıyoruz, ancak hiçbiri düzene sokmayı hızlandırmıyor. Testlerimizde daha yavaş olduğunu gördük. Karşılıklı kolaylaştırıcı bir durumdaysanız, Cloudflare büyük olasılıkla çok yardımcı olacaktır. Her durumda, özellikle bizim için, adanmış bir sunucuyla, her şeyin kapalı olması daha iyiydi. Cloudflare'ı bir seçenek olarak tanıtmak için yeterliliğiniz veya zamanınız yoksa, örneğin WP-Engine, Presslabs, Pantheon.io gibi kolaylaştırıcı tedarikçilerden yararlanabilirsiniz. Sunucu deposunda ve CDN düzenlemesinde birlikte çalıştılar.

6.2. MFI

Mobil Öncelikli Dizin - Bu, şu anda SEO Sıralaması için en önemli kriterlerden biridir. Bir web sitesi kurulduğunda, akıllı telefonlarda ve diğer elektronik cihazlarda görüntülenebilir olacak şekilde optimize edilmelidir. Bunun nedeni, günümüzde gezinmenin büyük ölçüde cep telefonlarında gerçekleşmesidir. Bu nedenle, Google Sayfa Hızına önemli ölçüde katkıda bulunduğundan, web sitenizin buna göre optimize edilmesi önemlidir.

6.3. Sunucu Yanıt Süresini Geçmek

Kıyaslama 0.2 saniyedir. Bunun üzerindeki herhangi bir şey ve Google sizi not eder. Sitemiz, bir sürü kayıt içeren yüksek özellikli bir sunucu üzerinde çalışmaya devam ediyor. Çevrimiçi okuduklarınızın büyük bir kısmı, en basit yol olan daha hızlı bir WordPress hesabına (ortak katılımlı) geçmenizi önerecektir, ancak hiçbir şekilde denemeden kendi durumumuzdan vazgeçmeye hazır değildim.

Çok sayıda sunucu yöneticisiyle karşılaştığımda, Pagespeed'e artış sağlamak için sunucuda çalışan anlamsız yönetimleri kapattım . Bununla birlikte, bunun büyük bir etkisi olmadı.

Sunucu tepki süresini azaltmak için gördüğümüz en büyük fark, PHP 7'ye geçmekti. Tüm ana bilgisayarlar PHP 7'yi desteklemez, ama neyse ki, kendi yerel ayarlarımıza sahip olduğumuz için yapıyoruz. Çevrimiçi harmanlanmış raporlar, PHP 7'ye geçişte yüzde 20 ila 50'lik bir hız artışı gösteriyor.

Gerçek orana rağmen, Pagespeed'e ihtiyacımız vardı ve bunu test etmemiz gerekiyordu. Hangi PHP varyantını çalıştırdığınızı bilmiyorsanız, bu modülü tanıtın ve Yönetici Panonuzdaki “Bir Bakışta” bölümünde göreceksiniz.

Daha ileri gitmeden önce, sitenin iyi olup olmadığını kontrol etmelisiniz. Neyse ki, Sayfa Insights'tan sonuçları hızla ele eğilimi gerekli bir kaç şey, gösterdi Kodunuzdaki üzerinde görünüyor ve PHP 7. değişen herhangi bir sorun tanır WordPress için indirebilirsiniz bir PHP benzerlik denetleyicisi modülü var .

Sonunda PHP 7'ye geçmeye hazırdık. WHM'den “Multi PHP Manager”a geçmek için ihtiyacınız olan web sitesini seçin ve PHP Sürümünü değiştirin. WHM'ye yaklaşmama şansınız varsa, sunucu yöneticilerinize sorun, ancak bunu bir test/geliştirme koşulunda yaptığınızdan emin olun - üretim sitenizi bozmak en iyi uygulama değildir.

6.4. Güncellenmiş Web Sitesi Tasarımı ve Düzeni

Izgara Düzeni, web sitesi tasarımı ve düzeni açısından şehrin konuşmasıdır. Google Page Speed ​​Insight açısından ızgara tasarımının daha fazla avantajı vardır. Ayrıca, sitemde ihtiyacım olandan daha fazla sayıda öne çıkan özelliği sunduğumu fark ettim, bu yüzden temel, orta düzeyde bir konu aramaya başladım. Özellikle hız için planlanmış bir konu olan Frank'i keşfettim. Ebeveynin öznenin varsayılan açılış sayfası, dokuz veritabanı sorgusu yapar ve yaklaşık 29 kb ağırlığında yalnızca iki HTTP sorar. Bu konu aşırı derecede hafif – JavaScript yapıları ve gereksiz resimler yok, sadece basit ve duyarlı bir konu. Frank'in konusunu tanıtmanın ardından, sitemi yüklemesi beklenen HTTP isteklerinin sayısı 31'den dörde düştü.

6.5. Ana Sayfa Optimizasyonu

Sitenizi ayrıca hızlandırmak için bazı basit yaklaşımlar vardır:

• Blog girişlerini açılış sayfanıza dağıtırsanız, yalnızca seçimleri veya özetleri dağıtın ve beş veya daha az sayıdaki hediye sayısını azaltın.
• Gadget'ları bir tabanda tutun. Sadece tamamen gerekli olan gadget'ları kullanın.
• Boş veya anlamsız modülleri çıkarın.

Genel olarak, lekesiz ve ortalanmış bir site yapılandırması, sayfanızın harika görünmesine yardımcı olur ve PageSpeed ​​daha hızlı hale gelir.

6.6. Görüntü Optimizasyonu

Yüksek çözünürlüklü resimlerin yığılması , yükseltilmiş resimlere göre çok daha uzun sürer ve gereksiz derecede önemli öğütmeler kesinlikle sayfa hızını düşürebilir . WPMU DEV, WP-Smush.it adında muhteşem (ücretsiz!) bir modül sunar. Bu modül ile resimleri toplu olarak sıkıştırdığınızda, görsel kaliteden ödün vermeden resimlerinizin ölçüsünün muazzam bir şekilde azaldığını göreceksiniz. Biz resimlerin konusu üzerindeyken, ilgisiz bir şekilde istiflenen resimler sayfa hızını da aynı şekilde artırabilir .

JPEG 2000, JPEG XR ve WebP, daha yerleşik JPEG ve PNG ortaklarına kıyasla daha iyi basınç ve kalite özelliklerine sahip resim biçimleridir. Resimlerinizi JPEG veya PNG yerine bu düzenlemelerde kodlamak, resimlerin daha hızlı yükleneceği ve Google Sayfa Hızı performansını artıracak daha az mobil veri alacağı anlamına gelir . WebP, Chrome ve Opera'da desteklenir ve web'deki resimler için daha iyi kayıplı ve kayıpsız sıkıştırma sağlar.

6.7. Kullanılmayan CSS'yi ertele

Kullanılmayan CSS, bir programın oluşturma ağacı geliştirmesini geri alır. Render ağacı, DOM ağacına benzer, daha sonra, aslında, ek olarak her hub için stilleri içerir. Oluşturma ağacını oluşturmak için, bir programın tüm DOM ağacında yürümesi ve her hub için hangi CSS kurallarının geçerli olduğunu kontrol etmesi gerekir. Kullanılmayan CSS ne kadar fazlaysa, bir programın Google Page Insight Speed'i olumsuz yönde etkileyecek her düğüm için stilleri bulmak için harcaması gereken ek süre akla yatkın olabilir .

6.8. Metin Sıkıştırmayı Etkinleştir ve Görüntüleri Kodla

Google Sayfa Hızınızı optimize etmek istiyorsanız metin dosyalarınızı da sıkıştırmanız gerekir . Metin sıkıştırma, daha hızlı ağ aktarımlarına izin verir, dolayısıyla daha iyi kolaylaştırır. Görüntüleri kodlama, görüntü depolama ve iletimini sıkıştırmanıza izin veren veri sıkıştırma türüdür.

6.9. CSS, HTML, JavaScript'i küçültün

"Küçültme", Google Sayfa Hızı sonuçlarını iyileştirecek olan program tarafından sayfanın nasıl işlendiğini etkilemeden anlamsız veya tekrarlayan bilgilerin çıkarılması anlamına gelir . Kötü kodlama, bu sorunun nedeni olabilir ve birkaç farklı şekilde çözülme eğilimindedir.

Google, sayfanızın kaynak kodunu fiziksel olarak incelemenin dışında, aşağıdaki öğeleri denemenizi önerir:

• HTML'yi küçültmek için HTML küçültücü.
• CSS'yi küçültmek için CSSNano ve csso.
• JavaScript'i küçültmek için UglifyJS2 ve Kapatma Derleyicisi.

Başka bir seçenek de, açıkçası, Google'ın AMP ve AMP'sini promosyon sistemleri için kullanmaktır. İki proje, mühendislerin HTML, CSS ve JavaScript'in sadeleştirilmiş biçimiyle sayfalar üretmelerini sağlar. Sonuç, bir saniye gibi kısa bir sürede biriken sayfalar ve tanıtımlardır.

6.10. Açılış Sayfası Yönlendirmelerinden Kaçının

Sayfanızın duyarlı bir şekilde yapılandırılmaması durumunda, sonuç, Sayfa Hızını artıracak çeşitli gadget'lar için gelişmiş sayfalara yönelik çeşitli sapmalar olabilir . Google tarafından belirtildiği gibi bazı temel yönlendirme tasarımları:

• com duyarlı web sitesi mimarisini kullanır, yönlendirme gerekmez - hızlı ve ideal!
• com? m.example.com/home – çok yönlü müşteriler için çok yönlü ceza.
• com? www.example.com ? m.example.com – orta düzeyde çok yönlü deneyim.

Bir istemcinin yönlendirilmesi gerektiğinde, sayfa oluşturma durur ve bu da sayfanızın yığın süresine değerli saniyeler ekler. Sayfalarınızı duyarlı planla oluşturarak içeride ve dışarıda yan yollardan uzak durun - potansiyel müşterinizin üzerinde olduğu gadget ne olursa olsun kaliteli müşteri karşılaşmalarını garanti eden bir teknik. Bu şekilde nihai Google Sayfa Hızı Testi sonuçları daha iyi olacaktır.

6.11. Oluşturmayı Engelleyen JavaScript'i Kaldırın

JavaScript, diğer şeylere ek olarak, bazı harika yabancı cihazlara ve sezgisel sayfa bileşenlerine güç verir. Bununla ilgili sorun, ayrıca HTML kodunun ayrıştırılmasını da durduracaktır.

"Oluşturmayı engelleyen JavaScript'i ortadan kaldır" ifadesini kullanan bir hata mesajı gördüğünüzde, bu, Google Sayfa Hızı Testi sonuçlarını olumsuz etkileyen, sayfanızın kırışık üstü biti için yığınlama prosedürünü geciktiren bir miktar JavaScript kodu olduğu anlamına gelir . Yabancı içerikler özellikle bu sorun için muhtemelen hatalı olacaktır. Üç farklı şekilde ele alın:

• Yığınlama prosedürü için kritik olmayan komut dosyaları kasıtlı olarak ertelenmeli - sayfa tamamen oluşturulduktan sonra getirilmeli ve yürütülmelidir.
• Eşzamansız olarak yığınlanan komut dosyaları, eşzamanlı olarak yığınlananlardan daha fazla kullanılmalıdır. Eşzamanlı içerikler sayfa oluşturma sürecini durdururken, uyuşmayan içerikler bu arada bir programın farklı bileşenleri yığınlamasını sağlar.
• Programınızın yapması gereken taleplerin sayısını azaltmak için içeriği satır içine eklemeyi düşünün - JavaScript dışındaki küçük varlıkları doğrudan HTML raporunuza gömer.

Yukarıdaki adımları uygulamaya çalışarak, genel Google Sayfa Hızı Testi Sonuçları iyileşir.

6.12. Tarayıcı Önbelleğinden Yararlanın

Bir sayfa bir istemci için tamamen yığılmadan önce bir sunucu ve program arasında farklı talepler alabilir. Zaman söz konusu olduğu ölçüde, herkes içerir. Depolama, programınızın deyim yerindeyse; Üstbilgi, rota, logo vb. gibi geç yığılmış belirli bileşenleri "hatırlayın". Program ne kadar çok bileşen depolayabilirse, istemci talepte bulunduğu anda o kadar az bileşen yığınına ihtiyaç duyar ve sonunda, sayfa o kadar hızlı yığınlanır ve bu da Sayfa Hızını artırır . Google, çok haftalı bir temel ayırma stratejisi belirler ve genel olarak değişmeyen bileşenler için bir yıl idealdir.

7. Karar

Web paketlenmeye doğru ilerledi ve siteniz ılımlı çalışıyorsa veya olması gerektiği gibi oynamıyorsa, ünlü ve etkili olmayı umarak defnenizi koyamazsınız. Google PageSpeed ​​Insights'ın önerileri, çalışma alanı ve çok yönlü web yürütme için akış endüstrisinin en iyi uygulamalarına bağlıdır; bu nedenle, aşamalı olarak beklemeyin ve daha fazla izleyici grubu almaya başlayın, web sitenizin yürütmesini ve web dizini konumlandırmasını genişletin ve konuklarınızın arka planı incelemesini iyileştirin. Artık Google PageSpeed ​​Insights hakkındaki tüm bu vızıltı hakkında iyi bir bilgiye sahipsiniz .

Yukarıda belirtilen ipuçlarını kullanın ve muhtemelen bazı iyi sonuçlar ve olumlu değişiklikler göreceksiniz. Ayrıca, Roma'nın bir günde inşa edilmediğini unutmayın; bu nedenle, Google PageSpeed ​​Insight Test puanınızı iyileştirmek için attığınız adımların işe yarayıp yaramadığını nihayet yargılayabilmeniz için biraz zaman vermeniz gerekir .