Google Pagespeed Insights Yeni: 100 Mükemmel şimdi çok kolay
Google PagesPeed Insights bir güncelleme aldı ve 100 mükemmel yazdır. Bu, site yönetimi paketleri olan ajanslar ve serbest çalışanlar için iyi bir haber. PagePeed puanlarını bir mezuniyet sistemi olarak gören müşterilere yanlış Google Değerlendirme Sistemini açıklamaya çalışmak her zaman karmaşıktır. “Neden 73 ile iyisin!? Bu C- değil mi? ” Yeni Google PagePeed Insights Pages makinesinin avantajı artık Lighthouse’u analitik bir makine olarak kullanıyor ve Crux’dan alan verileri. Bu değişim sadece Google’ın kodu görmesine izin vermekle kalmaz, aynı zamanda gerçek performans sonuçlarını dikkate almalarına da izin verir.
Bu, Google’ın sitenizi artık sitenizi geliştirmek için neler yapabileceğinize göre değerlendirmediği anlamına gelir, sitenizi gerçek performansına göre değerlendirir. İnanılmaz … değil mi? Eski arayüze geri dönüş:
Ve deniz feneri çalıştıran tüm yeni arayüzler: Google PagePeed Insights, bunların hepsi sadece mükemmel 100 değeri gösteriyor.
Bir bonus olarak, Google Analytics ve Google yazı tiplerini kullanmak artık puanınızı cezalandırmıyor (YAY – uyumluluk). Benim gibi OKB site hızı bağımlıları için bu büyük bir artış.
Ancak PagePeed Insights asla yüzü olan bir sistem oyunu ile ilgili değildir veya kendinizi daha iyi hissetmenizi sağlar. Bu, kullanıcı deneyimini geliştirmek ve web sitenizdeki trafik ve dönüşüm oranlarını iyileştirmekle ilgilidir. Daha yeni, daha iyi, daha iyi ve mükemmel olmayan bir değerlendirme sistemi, sitenizin yeni bir 100 seksi puana sahip olabileceğidir, ancak bu, sitenizin tamamen optimize edildiği anlamına gelmez. Yeni Google PagePeed Insights’daki en büyük fark, mükemmel olan 100 sayfalık bir hıza sahip olmanız ve hala iyileştirilmesi için bir fırsat var. Bu yenileme bir oyun değiştiricidir ve sonuçları okuma şeklimizi ayarlamamız gerektiği anlamına gelir. sayfa içgörüler. Değişmeyen: Hız hala önemlidir, eski sonuçlar çok katı ve düzeltilmesi zor olsa da, bu yeni sonuç, son kullanıcıların sitenin performansını daha da artırmak için bazı hızlı kazançları kaybetmesini sağlayabilir. 100 değeri artık tüm olasılıkları yaptığınız anlamına gelmez ve siteniz tamamen optimize edilir. Düşünülmesi gereken şeyler:
Kaliteli bir ana bilgisayar kullanıyor musunuz? – Bu hızınızı etkileyebilir (daha sonra bununla ilgili).
İnsanca olabilecek hızı optimize etme fırsatını her “fırsat” uyguladınız mı?
Eklentilerin, temaların veya diğer üçüncü taraf hizmetlerinin hızınızı nasıl etkilediğini anlıyor musunuz?
Sitenizin hem performans hem de işlevsellik için hedeflerine ulaşan akıllı uzlaşmalar yapabilir misiniz?
En büyük sorun, çoğumuzun iyi ya da kötü puanlarımızı körü körüne almamızdır. Bu yazıda, arazi (veya ötesinde) için mevcut fırsatları izlemek istiyorum 100 🙂 100’e ulaşamazsak, bu okumanın sonunda, yavaş yükleme süresi sorununu ve yeteneğini çözmek için ihtiyacınız olan bilgiye sahip olacaksınız. Size veya müşterinize göre kullanıcı deneyimi ve sayfa hızı ile ilgili gerçekçi hedefler belirleyin. Yüz google sayfanızı alın
Hummingbird, 100 mükemmel puan almak için ihtiyacınız olan tüm araçları verir.
Bu nedenle, Google PagePeed Insights ile ilk incelemenizi çalıştırdınız ve sonuçlar 73 ve optimizasyon için fırsatlar listesi ile geri döndü. Henüz kafası karıştı mı? Koşma! Aşağıda ne anlama geldiğine ve nasıl düzeltileceğine genel bir bakış. Profesyonel ipuçları: Hücresel ve masaüstü sonuçları arasında geçiş yapmak için puanınızı kontrol ederken hatırlayın. Varsayılan olarak Google hücresel sonuçları görüntüler. Ne yazık ki, Minification ilk 90’ların bilimsel kurgu filminin bir keşfinden bir yan ürün gibi görünürken kodu küçülttüm (kodunuzu minize), aslında sadece kaynak kodunuzu daha özlü hale getirme işlemidir. Temel fikir, tüm gereksiz kodların silinmesi (yani boşluklar, yeni çizgiler, yorumlar vb.) Ve her şeyin 1 büyük çizgiye girmesidir.
Azaltılmayan CSS örnekleri: Vücut {arka plan: #fff; Renk: #333; Yazı tipi ailesi: Lato, sans-serif; } Azaltılan CSS örnekleri: Body {arka plan: #fff; renk: #333; yazı tipi-aile: lato, sans-serif} Temel olarak, kodu insan gözü tarafından kolayca okunmak için yaptığımız her şey gerekli değildir. Minifikasyonlar, dosya sürümünüzü daha küçük ve sırayla sunucu tarafından gönderilmesini daha hızlı hale getirir. İyi haber şu ki, bunu manuel olarak yapmanıza gerek yok. Hummingbird gibi eklentiler bu işlemi sizin için otomatikleştirecektir. Ve endişelenmeyin, insanların düzenlenmesi ve okunabilirliği için ihtiyacınız varsa karşılıksız sürüm var. Bir render engelleme kaynağınız var … Tanrım!
Sayfaları daha hızlı yüklemek için içeriğe öncelik verin.
Bu, içeriğinizden önce yüklenen CSS veya JS kaynaklarınız olduğu anlamına gelir. Kullanıcılar sayfa içeriğini görmeden önce yüklenmeleri gerektiğinden ‘bloke oluşturma’ olarak kabul edilirler. Bunu çözmek için birkaç seçenek var. CSS ve JavaScript kodunuzu .css ve .js dosyasını kullanmak yerine satırda oluşturabilirsiniz. Başka bir seçenek, eşzamansız yüklü veya sayfa ayrıştırıldıktan sonra yayınlanacak şekilde askıya alınmış önemli bir CSS ve JavaScript dosyası oluşturmaktır. Kulağa karmaşık mı? Bir ninja kodu değilseniz, bu manuel olarak çalıştırmak veya bir eklenti ile düzeltmek için en zor öneri olabilir. Neyse ki, iyi bir optimizasyon aracı ile bu, anahtarlama, test ve eleme süreci kadar basit olabilir.
Görüntünüzü Optimize Edin, WordPress görüntülerinin optimizasyonuna adanmış birçok yayın var, böylece burada çok zaman geçirmeyeceğim. Çoğu, akıllı hız optimizasyon uzmanı bile, bu işlemin çoğunu smush.smush gibi araçlarla otomatikleştirdiği için, sitenizin hızlı ve sorunsuz çalışmaya devam etmesi için yüklendiğinde görüntü optimizasyonunu otomatikleştirmenizi sağlar. Tabii ki, bunların hepsi manuel olarak yapılabilir ve yüklemeden önce görüntünüzü dağıtmanız ve sıkıştırmanız gerekir (özellikle 100 Mükemmel için bir görevliyseniz).
Kırmızı bayrağı yükseltmek ve içgörü testinizde puan kaybetmek için önemli bir faktör.
Görüntü ölçeği kullanılacak kabın genişliğine uyacak şekilde. Görüntü, dosya boyutunu azaltmak için kayıplı (JPEG) veya kayıpsız (PNG / GIF) formatında sıkıştırılmalıdır.
Peki ya retina ekranı için büyük 2x resim? Özel bir resim oluşturun ve ‘i işaretlemeyi alışkanlık haline getirin. Görüntüyü doğru optimize etmek biraz zaman alır. Ama bu yüzden müşteriniz size çok para ödüyor … değil mi? Görünür içerik tam olarak duyulan şeydir. ‘Ana İçerik’ diğerlerinden önce yüklenmelisiniz. Bu, ziyaretçilerinize daha hızlı bir kullanıcı deneyimine verir.
İşte klasik WordPress örneği. HTML kodunuzda ‘den önce varsa, kullanıcının kenar çubuğunun önce yüklenmesini beklemesi gerekir, bu da onu’ engelleme ‘öğesi haline getirir. HTML, ‘ın önünde bulunacak şekilde yeniden düzenlenmelidir. Not: Doğru CSS kuralları eklenirse, bu, web sitenizin görünümünü değiştirmez. Kod konusunda yetkin değilseniz, optimize edilmiş temayı seçtiğinizden emin olun veya dosyayı sıfırlamak için Hummingbird kurulumunuzu kullanabilirsiniz. Bebek GZIP (aktif sıkıştırma) sinek kuşundan başka bir şey değil, sıkıştırılmış dosyaların GZIP ile sunulmasını kolaylaştırır.
Sıkıştırma, sunucunuzun göndermeden önce otomatik olarak ‘sıkıştırılmış’ olarak daha küçük dosyaları göndermesine olanak tanır. Bir arkadaşınıza büyük bir dosya veya klasör göndermeye çalışırken oluşturduğunuz zip gibi düşünün. Bu sitenizde ayarlanmamışsa, GZIP sıkıştırması kolayca eklenebilir ve etkinleştirilebilir. Bu, genellikle basit bir anahtar kontrolü ile etkinleştirilen bir başka hızlı zaferdir. Önbellek tarayıcısı önbellek tarayıcısı, kullanıcının tarayıcısına geçici dosyaları yerel olarak depolamasını söyler, böylece bir sonraki sayfayı ziyaret ettiklerinde daha hızlı yüklenir. Bir kez daha, burada lüks bir şey yok. Ana bilgisayarınız bir tarayıcı önbellek aracı sağlayabilir, bir eklenti kullanabilirsiniz veya bunu manuel olarak uygulayabilirsiniz.
Kapsamlı önbellek hazırlığı ile sitenizi çok hızlı çalıştırın.
Profesyonel ipuçları: Site tasarımınızda değişiklik veya güncelleme yaptığınızda herhangi bir önbellek aracına dikkat edin. Test ederken önbelleği temizlemiyorsanız, düzenlenmemiş eski içerik hala gönderilebilir. Bu en azından biraz kafa karıştırıcı olabilir. Önbellek dosyalarını manuel olarak temizlemek bu sorunu çözecektir. Tüm hatalarımı sildim … şimdi ne olacak? Sitenize zarar vermeden mümkün olan optimize etmek için her fırsatı tamamladınız, yeni sayfa ve davul rulo testini çalıştırıyorsunuz lütfen … 87. veya daha kötüsü 100’ünüz var, sunucu yönlendirildi ve siteniz var 87 olmak için düşüyor. Bu nedir!? Dünyama hoşgeldin. Bu gerçekten bana oldu. Ama şimdi yeni bir alandasınız, çünkü yavaş sayfa hızının sorun olmadığını biliyorsunuz. Bu artık aptalca bir yavaşça uyacak bir zaman değil. Artık sitenizi yavaşlatan neyin yavaşladığına dayalı eğitimli kararlar almaya hazırsınız. Ucuz veya düşük kaliteli barındırma – ödeme yapan müşterileriniz varsa ve bu sorunsa, çözülebileceğini görmek için ev sahibiniz olarak çalışın. Sorunu çözemezlerse, özel bir ana bilgisayara yükselme zamanı gelmiş olabilir veya opsiyon yönetilir … veya her ikisi de.
Temalar veya çerçeve temaları – Bu muhtemelen sizin sorunun.Yeni bir temaya geçmek asla kolay değildi, ancak zarar görmeden ayarlamalar yapmakta zorluk çekiyorsanız, belki de veda etme zamanı.Varsayılan temayı etkinleştirerek ve yeni PagesPeed testini yaparak temanızı test edebilirsiniz.*Testi çalıştırmadan önce önbelleğinizi boşaltmayı unutmayın. Eklenti beni yavaşlatır – burada yavaş bir tema ile aynı şey geçerlidir.Bu kolay bir test.Eklentinizi devre dışı bırakın ve yeni PagesPeed testleri çalıştırın.Bu, yüze ulaşmanızı sağlarsa, sorunları çözmek veya daha verimli seçenekler bulmak için geliştiriciyle birlikte çalışın. Google’ın PagesPeed Insight’ın sitenizin hızını kontrol etmediğini, bunun yerine belirli sayfaların hızını test ettiğini unutmayın. URL’nizi girerseniz, analiz ana sayfanız olacaktır. Sitenizde başka önemli sayfalarınız varsa, her şeyden emin olun ve her sayfayı kontrol edin ve gerektiği gibi optimize edin. 100 Google PagePeed ile bir WordPress sitesi oluşturmayı sarmak için, neyi kontrol edebileceğinizi ve nereden ödün vermeniz gerektiğini öğrenmek için değerli bir alıştırmadır … her geliştirici bunu en az bir kez denemelidir. Ancak sonunda, hızlı bir site çok daha büyük bir hedefin sadece bir parçasıdır – ziyaretçilerinize olağanüstü kullanıcı deneyimi sunar. Günün sonunda, ötesinde ve ötesi, herkesin 100 alabileceği ve bir kez onarım yapmayı bırakabileceği kalabalık bir alanda öne çıkmanıza izin verecektir. Görüntünüzü optimize etmek için zaman ayırarak, kodunuzu toparlayarak ve yapabileceğiniz en iyi kullanıcı deneyimini sunarak, diğer kişiler sadece minimal hedeflediğinde sitenizin avantajlarını sağlayabilirsiniz. WordPress.org adresindeki tüm ücretsiz WPMU Dev Optimizasyon Araçları’nı alın veya normal otomatik tarama da dahil olmak üzere tüm Pro Eklentileri serimizi denemek için WPMU Dev Üyeliğinin ücretsiz denemesinden yararlanın. Sitenizden maksimum sonuç aldığınızdan emin değil misiniz? Üyelerimiz desteğe 7/24 erişim elde ediyor. Yeni Google PagesPeed Insights güncellemesi yükleme sürenizi artırıyor mu? Yorumlarda bize performans optimizasyon stratejiniz hakkında bilgi verin.
Etiket: Google
Site hızını optimize etmek
Web sitesi performansı
