Site sahibi olarak, hızlı olması gerektiğini biliyorsunuz. Ve sitenizi nasıl hızlandıracağınız hakkında zaten farklı makaleler okudunuz, belki de bir şeyler zaten uyguladım. Sonra sitenin ne kadar hızlı yüklendiği ilginçleşir. Burada Google PageSpeed \u200b\u200bInsights'a en popüler araç olarak gidersiniz, bir değerlendirme ve Google'dan bir öneri listesi alacaksınız. Ve burada çoğumuz kaybolduk:
- SEO için PageSpeed \u200b\u200bInsights'ın göstergesi midir?
- Sitemin değerlendirmesi neden maksimum değil?
- Bütün bu öneriler ne anlama geliyor?
Önceden, sitede önbellekleme dahil ettiniz ve PageSpeed'in derecelendirmesinin neredeyse mükemmel olacağını beklersiniz ve şimdi bu eklentinin neden tüm sorunları hızlardaki tüm sorunları çözmediğini mi düşünüyorsunuz? Belki de çok iyi değil mi? Kısa bir cevap şudur:
Google PageSpeed \u200b\u200bgöstergesi önemli değil.
Evet, öyle ... ama neden önemli değil?
Sayfa Hızı vs PageSpeed \u200b\u200bInsights
Hız (Site indirme süresi) önemlidir ve SEO'da önemli bir metriktir ve ayrıca kullanıcı deneyimini de etkiler. GoogleBot siteyi indekslediğinde, PageSpeed \u200b\u200bgöstergesini görmez, ancak hızın kendisini biliyor. Google PageSpeed \u200b\u200bInsights'ın sitenizin hızını ölçmediğini biliyor musunuz? Evet, tekrar oku:
Google PageSpeed \u200b\u200bInsights, site hızını ölçmez.
Merhaba, Sevgili Blog Okuyucular Site! Günümüzde, posta, yüklemeyi hızlandırma olanaklarını incelemek için herhangi bir sayfayı test etmenize olanak sağlayan Google Sayfa AIDS'in harika aracına adanmış olacaktır ().
Arama motorlarının, özellikle de Google'ın son zamanlarda bu yönüne ciddi bir şekilde önem vermesi hiçbir sır değil, bu nedenle hızlı web siteleri sıralamada belirli bir avantaj ve arama sonuçlarında daha yüksek pozisyonlar alır.
Google Sayfa Hızı İçgörüleri, yalnızca sayfanın yeterince hızlı bir şekilde yüklenmemesinin tüm nedenlerini algılar ve gösterir, ancak bunları ortadan kaldırmak için belirli yollar sunar ve keşfedilen sorunların bazıları otomatik modda servis güçleri tarafından kolayca elimine edilebilir.
GOOGLE kullanan optimizasyon araçları nelerdir?
Prensip olarak, projelerinizin her biri için, hızlı indirmelerine katkıda bulunan sayfaları optimize etmek için yeterli zaman öderim. Bu, yalnızca blog sitesinden önce bloga ulaşmadı, bu da aslında yeni başlayan web yöneticileri için görsel bir el kitabı olan, sağlıklı hırslardan yoksun ve hedefe ulaşmak için suçlanıyor.
Ancak, doğası gereği bir mükemmeliyetçi olduğum için, bilgi web kaynağının devam etmesine izin verilemedi, bu nedenle kitlesel bilgiyi, geyiklerin bir kısmında olacaktı. Bu nedenle, sayfa AIDS önerileri de dahil olmak üzere, onu optimize etmek için maksimum çabayı göstermeye karar verildi.
Bu nedenle, derhal bu aracın açıklamasına dönüşür, böylece işlevselliğini tahmin edebilir ve web kaynaklarınızın yararına pratikte uygulayabilirsiniz.
Önceden, tarayıcıların uzantıları biçiminde kullanmak mümkündü ve Google'ın özel bir sayfasına bağlantılar katıldı. Dahası, bir milletvekiline uygulamak için önce, PAIGE AIDS'in ek olarak mevcut olduğu için gerekli olduğu için gereklidir:
Artık, aynı eklentilerde, ancak diğer yorumlarda, ancak diğer yorumlarda, resmi Chrome ve Masisle web sitelerinde (ler) de mevcuttur. Ek olarak, oldukça işlevsel monitör var Çevrimiçi servis Google tam olarak aynı işlevsel ve daha az olanaksız. Geliştiricilerin bölümüne giderseniz, Sayfa Hızı aracına bir bağlantı göreceksiniz:
Bu arada, aynı sayfada "PageSpeed \u200b\u200bAraçları" Tüm Google'ın siteleri hızlandırma önerileri var. "İyi İmparatorluğu" geliştiricileri, tüm internet alanının optimizasyonunu ve hızlandırılmasını sağlamış gibi görünüyor, çünkü geliştiricilerde optimizasyon kütüphanesine bir bağlantı bulacaksınız ( PageSPEED optimizasyon kütüphanesini entegre edin) Açık kaynak.
Açık Kodun Kullanılabilirliği yazılım Bu proje modülün temelinde faaliyet gösteriyor " mod_pagespeed"Apache sunucusunda (KOI, bu arada, ezici çoğunluk) yüklü olan", kimsenin geliştirilmesi veya güncellenebileceği anlamına gelir.
Yani, bu şekilde, İnternet topluluğunun pahasına mükemmel bir hızlanma aracına yakın olmak oldukça gerçekçidir. Hepsi pratikte nasıl görünüyor, zaman gösterilecek. Doğal olarak, tam bir katkı sağlamak ve bu mahrumda başarıya ulaşmak için, oldukça nitelikli bir programcı olmak gerekir.
Üst ekran görüntüsüne bir göz atıyorsanız (bilgi yeşil bir çerçeveyle daire içine alınır), hazır modülün en son sürümünü orada yüklemek için bir bağlantı göreceksiniz. Orada bulunan sitelerin otomatik olarak hızlanmasını sağlayan sunucularına yükleyebilecek sahipleri için ilginç olabilir.
Ayrıca, Sayfa AIDS modülünün iki modifikasyonu vardır: doğrudan apache sunucuları Ve Paket Apache + Nginx için, ikinci proxy sunucusunun rolünü oynadığı:
Bu arada, apaçatic ve ngnix'in modern koşullardaki payı çoğu taleptedir ve kaynakların verimli kullanılmasını sağladığı için en gelişmiş hosters (örneğin spritthost dahil) tarafından kullanılır. Bu nedenle, sitelerin otomatik olarak hızlandırılması yöntemiyle ilgileniyorsanız, bu elinize ekleyebilir veya hosterinizi zorlayabilirsiniz.
Google'ın pagesPeed tavsiye eder (Sayfa yükleme sitesinin hızını artıracak yollar)
Yukarıda, olasılıklara baktık, bu yüzden konuşması, belirli bir bilgi gerektiren web sitelerini indirme hızındaki küresel artış (bu bilgilerin, en azından gelecekte faydalı bir kişi için yararlı olacak).
Ancak okuyucuların ana kısmı için, yani basit web yöneticileri, daha alakalı bir seçenek burada ve şimdi net ve kullanılabilir. " Sadece bu koşullar, konuşulacak PageSeed Insights Hizmeti'ne tam olarak uygundur. Sitenin belirli bir sayfasını analiz etmek için, bu sayfaya URL'sini () girin:
Analizden sonra, Google'ın kurallarını ve ile ilgili olarak göreceksiniz. mobil cihazlarve özellikle değerli olan PC. Bu örnekte, bu blogun ana sayfası için, cep telefonları için 100'den 76 kimlik bilgileri, önerilerden yararlanırsanız önemli ölçüde iyileştirilebilecek ortalama bir sonuçtur.
Üstelik, sayfa yükünü yavaşlatan her kaynağı optimize etmek için, ilgili bölümlere referanslar verilir (makbuzun kullanılması için Bağlantıyı tıklayın. "Nasıl düzeltilir?"), eksiklikleri ortadan kaldırmak için gerekli eylemlerin açıklamalarını bulacaksınız.
Ama burada önemli bir açıklama yapmanız gerekiyor. Gerekli sayfaları Analiz Et farklı şekiller Tüm sitenin indirme süresinde bir bütün olarak bir düşüş elde etmek için. Örneğin, standart bir blog vordpress için, ana, sütunlar, statik sayfalar ve kayıtlar için bu yönündeki optimizasyon seviyesi tamamen farklı olabilir.
Yukarıda bir örnek verdim ana sayfaHangi yayınlar görüntülenir, ancak makaleler sayfası yardımlarından biri çok daha düşük bir derecelendirme verdi:
Bu, postalar genellikle çok daha hacimli olduğundan ve birçok farklı kaynak ve içerik (görüntü, video, komut dosyaları) dahildir. Bu nedenle, onlardan optimizasyonu kontrol etmek için başlamak daha iyidir. Bu arada, bu bakış açısıyla, değerlendirmeden itibaren repel Sayfa Hızı cep telefonları için sağlarÇünkü bu tür cihazlarda iyi bir yük hızının başarısı çok daha fazla televizyon gerektirir.
Ancak, farklı kayıt kayıtları bile kalitede farklı olabilir. Bu, bazı bunlardan bazıları indirmeyi yavaşlatan ek komut dosyaları gerçekleştirir. Örneğin, bu kulaklıklardan birinin optimizasyonu düzeyi bana sadece sürpriz olmamasına neden olmadı, ancak gerçek bir şok:
62'den mümkün olan 62'den mümkün olduğu açıktır, çabalamanız gereken sonuç değildir. Ve hepsi bu ve diğer bazı kayıt sayfalarında, bir sözdizim sistemi eklentisi komut dosyası var, güzel dekorasyon Işıklı kodlar.
Sitede bu kadar çeşitli uzantılar olabilir. Her durumda, eklentinizin kaynağınız için sağladığı işlevsellik açısından ne kadar önemli olduğunu kendiniz çözmek gerekir. Ve buna bağlı olarak, onu silmek için veya sayfa yükünü hızlandırmaya yardımcı olacak şekilde optimize etmek için önlemler almak gerekir.
Yukarıdakiler özellikle dünyanın en popüler CMS'sinde, ezici sayıda webmaster sayısına sahiptir. Bu çok işlevli motor iyidir, ancak sunucunun üzerindeki yükü azaltma ve sayfa yükleme süresini azaltma açısından sürekli olarak hata ayıklanmalıdır. Bu nedenle, WP'de çalışan web kaynaklarının sahipleri bu notu almalıdır. Ve böyle bir hizmetin bir sayfa olarak kullanılabilirliği, burada bu arada imkansız olduğu için burada yardımcı olur.
En azından görüntüleme modunda tüm bu makaleleri okuduğunuzdan emin olun, yukarıdaki bağlantılara tıklayarak, kendiniz için çok faydalı bulabilirsiniz. Gelecekte, web kaynaklarını bir kereden fazla hızlandırma problemine geri dönmeyi planlıyorum ve bu nedenle bu konudaki taze yayınların çıktısını kaçırmamak için bir abonelik yapabilirsiniz.
Sonuç olarak, sayfa hız ipuçlarının neden tavsiye edici bir nitelik olduğunu ve hangi nedenle fanatik olarak onlara uymaması gerektiği için öğreneceğiniz faydalı videoya bakın.
Site için Google PagesPeed Modül: Ne yapabilir ve nasıl kullanılacağı
Google'dan üç projeye hızlandırmaya karar verdik ve hızlandırmaya karar verdik. Bundan ne oldu - öğren.
Siteler anında önyüklemesi gerekir. Oh, hayır, siteler kimseye değil mi? Troleybus'a gidin ve bir iPhone ile oturan öğrencinin yanına oturun. Bak, bazı çevrimiçi mağaza yükleninceye kadar beklemeye hazır olup olmadığı. Hadi şöyle söyleyelim: üç saniye - ve sekme kapanır. Bir sonraki sonuç, arama sonuçlarından aşağıdaki sonuçtur.
Bu arada, pro arama İhraç Ediyor. Site indirme hızı, arama motorlarında sıralamayı etkiler. Prufs ve. "Thoring" siteleri robotlar tarafından daha az muhtemeldir ve daha az sıklıkla indekslenir. Bundan, gerekli bilgileri bulmanın iadesi ve rahatlığında bir yer var.
Sayfanızın akıllı telefonda daha yavaş yüklenip PC'den daha yavaş mı yüklenmeyeceğini düşünün. Ve eğer öyleyse, o zaman en çok iade edilmemiz olasıdır.
- Matt Katts, Google
Google, pagesPeed'i kontrol etmek için çalıştı ve aracını yayınladı. Fren yükleme elemanlarını bulmak sadece gidin İşte Ve tek alanda, test etmek istediğiniz adresi belirtin. Bir dakika boyunca, ayrıntılı bir performans raporu hazır olacaktır. Sonuç, papağanlarda gösterilecektir. İdeal olarak, servis istasyonu, ama başarmaya çalışın! Google'ın kendisi bile güç altında değil: hizmetlerini kontrol edin :)
Sitenin hem masaüstü hem de mobil versiyonu için testler yapılır. Renk ölçeğinde daha iyi odaklanın: Sarı bölge, optimize edilmeye değer unsurların olduğunu gösterecektir, yeşil her şeyin yolunda olduğunu bildirecektir. Kırmızı bölgedeki site, hızı vidalayın ve optimize edin. Aksi halde uçurumun önünde: Sayfa yüklenirken, kullanıcı zaten başka bir siteye gider :)
Siteyi iki şekilde optimize edebilirsiniz.
Manuel optimizasyon
1. Photoshop resimlerini sıkın veya çalıştırın Optimilla , Örneğin
Resimlerin daha küçük olduğu, daha fazla boacks daha hızlıdır, site yüklenir. Sıkıştırma, çok katilitik resimler kedinin altında saklanıyoruz. Yeterince previe 640 × 480. Daha az resim - Uyku alanı.
Hatta başlangıç \u200b\u200bsayfası Google Geliştiriciler grafikleri% 71 oranında sıkıştırılabilir.
2. Yazı tiplerini siteden bağlama ve Google ile çekmeyin
Eksi - Tarayıcı yazı tipini yüklememiş olsa da, kullanıcı sıkıcı Arial veya Tahoma'yı görecektir.
3. Tarayıcı önbelleğini maksimum olarak kullanın
Site, istemci tarafından kısmen kaydedildiğinde - indirme çok daha hızlı gidecektir.
4. Javascript ve CSS'yi azaltın
Scriptler, sürümden sonra her geçen gün düzenlenmez - bunları uçurumda sıkıştırmak anlamsızdır. Kodlardan bir kez optimize edecek kadar. JS şablonları sunucuda ele almak daha iyidir, sonuçları HTML'ye yerleştirin ve indirdikten sonra istemcideki şablonları kullanın.
5. HTML'yi azaltın
Uygulamada - gereksiz boşlukların, sekmelerin, çizgilerin çıkarılması.
6. Kullanılmayan bir kodu silin.
"Chrome" denetimine yerleştirilebilir. F12'ye tıklayın ve Denetimler sekmesine gidin. Tek çalışma düğmesi aşağıdadır. Genellikle sayfalarla aynıdır. Sadece gerçek zamanlı olarak.
Otomatik Optimizasyon
Herhangi bir site dinamik ve statik elementlerden oluşur. Dinamik elemanlar - PHP ve veritabanı isteklerinden elde edilen HTML kodu. Ve gerisi statiktir. Bunlar resimler, javascript ve CSS'dir.
Siteyi otomatik olarak optimize edin Google - pagesPeed Insights tarafından dik olabilir. Bu modül, NGINX sunucusuna yüklenir ve ayarlardan sonra gerçek zamanlı sıkılır. dofig bilgisi , diğer şeylerin yanı sıra grafik.
SayfalarPeed Insights HTML'yi analiz edebilir ve kaynakları optimize edebilir. Açık, daha kısa. Kaynak kodunda, Kaynaklar, fotoğrafı geliştiriciye sıkıştırmak için ayarlanan şey tarafından değil, başka bir yolda olacaktır. Dikkate alınmalıdır. Ancak kaynakların görüntüsü değişmeyecek. Ağırlık azalacak. Bu yüzden, sayfanın indirme hızını artıracak ve ziyaretçiler memnun kalacaklar :)
Ancak, SayfalarPeed Insights sınırlamaları vardır. Sadece nginx üzerine konulabilir, açılabilir veya sanal sunucu. Hayır, Almanya'da bir yer kiraladı, ortak bir sunucu uygun olmayacak.
İkinci sınırlama sonsuz savaş tarayıcıları ile ilişkilidir. SayfalarPeed Resimleri, sadece "Chrome" olarak anlayan Format.Webp'e dönüştürülür. Internet Explorer. 6 Bu şey geçemez). İÇİNDE son sürümler Bu tür resimlerin gösterimi öğrendi ve "Opera". Çünkü motor değişti.
PageSpeed \u200b\u200bInsights kullanmanın örnekleri
PageSPeed Insights Modülünü yeni web sitenizde ve iki müşterinizde üç projede kurduk. Modül, tarayıcının bir istek geldiğini görür, bir WebP formatı görüntülemek için eğitilmiş olup olmadığı ve optimize edilmiş bir görüntü veya normal bir JPEG verir.
Sibirya'da, kurulum yaklaşık yarım gün sürdü. Bir şey empirik olarak yapmak zorunda kaldı: değişti, neler olduğunu izledi. Bazen bölge yeşildi ve sarıda uçmak tamamen tahmin edilemez olabilir.
Şimdi her iki versiyon da yeşil bölgede. Yani hızda sorun olmayacak. Bağlantı hızı iyi ise, hiçbir kenar yoksa :)
İçinde teknik Destek PageSeed Insights modülünü denemeye ve yüklemeye karar verdik.
Google PageSPeed, sitenin hızını kontrol etmenizi sağlayan bir araçtır. Sabit PC'ler için hızlı indirmeyi ve mobil cihazlar için ve optimize etmek için kullanılabilecek önerileri tahmin etmenizi sağlar.
Site yükleme hızını analiz etmenin sonucu şöyle görünür:
Sitenin hızını Google PagesPeed Insights ve Servis önerilerinden kontrol edin
Site yükleme hızını analiz ettikten sonra, aşağıdaki öneriler en sık elde edilebilir:
Görüntüleri optimize etmek
En sık karşılaşılan servis önerisi ile ilgilidir. optimal seçim Site için görüntüler. Grafik içeriği çok ağırdır ve kaynak sayfalarının indirilmesini büyük ölçüde yavaşlatabilir. En genel öneriler doğru formatı seçmekten ibarettir (çoğu zaman PNG), boyut ve görüntü kalitesini kullanmak mantıklıdır. Çok büyük, arka plan olarak kullanılan arka plan, zaman zaman site yükleme hızını yavaşlatabilir. Her zaman görüntüleri kontrol etmeniz ve boyutlarını ve kalitesini en üst düzeye çıkarmanız gerekir (boyut ve görüntü kalitesi belirli bir kaynak için minimum kabul edilebilir ayarlamak için mantıklı).
Sıkıştırmayı etkinleştir
Bir Web sunucusu sıkışması, hız sağlayan önemli bir parametredir. Apache'de veya Nginx Direktifinin pahasına Mod_Deflate modülü tarafından dahil edilir.
Kaldıraç tarayıcı önbelleğe alma
Başlığın iletilip iletmeyeceğini ve kullanıcının tarayıcısındaki verilerin önbelleğe alındığını belirler. Önbelleğe alma, sunucuya olan temyiz sayısını önemli ölçüde azaltabilir, bu da yükü azaltır ve statik verilerin (en çok herhangi bir yerinde) iade oranını artırır.
Render-bloke edici Javascript ve CSS'yi katlama içeriğinde ortadan kaldırın
Javascript Varsayılan kod bir sayfa yüklenirken yürütülür, benzer bir yol CSS tarafından işlenir. Şunlar. JS komut dosyası belge gövdesine bağlıysa, betiğin yerine getirilinceye kadar render her zaman kesilir. Bunu, JavaScript ve HTML ile bağlandığında ekleyerek, yürütülebilir koddan bağımsız olarak sayfanın gövdesi oluşturulacaktır.
Örneğin, eşzamansız modda JS şöyle bağlanabilir:
