Bu sayfa, web sitenizin herkes için her zaman kullanılabilir, erişilebilir, güvenli ve kullanılabilir olmasını sağlamaya yardımcı olacak rehberlik sağlar.
Bu sayfadaki rehberlik, kısa vadeli odak noktalarını COVID-19 durumunda insanların güvende kalmasına yardımcı olan web sitelerini desteklemeye kaydıran, Google’daki işlevler arası ekiplerden alınmıştır. Bu Google çalışanları, sitelerin, çoğu web’i daha önce nadiren veya hiç kullanmamış, kritik bilgiler arayan kişilerden gelen talepte benzeri görülmemiş artışlarla karşı karşıya olduğunu gördü. Bu süre zarfında sitelerin erişilebilir olmasını ve herkes tarafından erişilebilir olmasını sağlamak zor olabilir.
Rehberlik #
Kullanılabilirlik, güvenilirlik, dayanıklılık ve kararlılık #
Siteniz trafikte ani artışlar görüyorsa ve başarısız oluyorsa ya da sitenizin başarısız olmasını önlemek istiyorsanız, aşağıdaki kılavuz sorunları hızlı bir şekilde düzeltmenize veya büyük sorunlar haline gelmeden önce tespit etmenize yardımcı olabilir.
- Ani trafik sorunlarını nasıl tespit edeceğinizi, azaltacağınızı ve önleyeceğinizi öğrenmek için Aşırı yüklenmiş bir sunucuyu düzeltme bölümünü okuyun.
- Gereksiz resimleri, videoları, komut dosyalarını ve yazı tiplerini kaldırın. Her sayfanın yalnızca sitenizi kullanan kişilerin gerçekten ihtiyaç duyduğu işlevselliği sunmaya odaklandığından emin olun.
- Görüntülerinizi optimize etmek, sunucu bant genişliği kullanımınızı önemli ölçüde azaltabilir çünkü görüntüler web’deki bir numaralı şişkinlik kaynağıdır.
- Statik içeriğinizin mümkün olduğunca çoğunu CDN’lere boşaltın. Ortak sağlayıcılardan daha fazla ayrıntı: AWS, gök mavisi, bulut parlaması, Google Bulut, Firebase.
- CDN’nizde, dinamik görüntü sıkıştırma, metin sıkıştırma veya JS ve CSS kaynaklarının otomatik olarak küçültülmesi gibi açması kolay optimizasyonlar olup olmadığını kontrol edin.
- HTTP önbelleğini optimize etmek, minimum kod değişikliği ile sunucularınızdaki talepleri önemli ölçüde azaltabilir. Genel bir bakış için HTTP önbelleğine göz atın: ilk savunma hattınız ve HTTP önbelleğe alma Ve En iyi uygulamaları önbelleğe alma özel öneriler için. bu Statik varlıkları verimli bir önbellek politikasıyla sunun Lighthouse’ta denetim, önbelleğe alınmayan kaynakları hızlı bir şekilde tespit etmenize yardımcı olabilir. Farklı kaynak türlerinin farklı tazelik gereksinimlerine sahip olacağını ve bu nedenle farklı önbelleğe alma stratejileri gerektireceğini unutmayın.
- Servis çalışanları, sunucularınızdaki talepleri önemli ölçüde azaltmanın başka bir yoludur, ancak önemli ölçüde teknik yatırım gerektirebilir. Ayrıca web sitenizin çalışmasını sağlarlar. çevrimdışı, bağlantı olmadan geri dönen kullanıcılara çalışma saatlerini, telefon numaralarını ve diğer bilgileri sunmanıza olanak tanır. Workbox, birçok ortak metni otomatikleştirdiği, en iyi uygulamaları takip etmeyi kolaylaştırdığı ve düşük seviyeliyi kullanırken sık görülen ince hataları önlediği için web sitelerine hizmet çalışanları eklemek için önerilen yaklaşımdır.
ServiceWorkerDoğrudan API. - Siteniz önemli ölçüde artan bir kullanım görüyorsa, bunlara karşı yeterli korumaya sahip olup olmadığınızı kontrol edin. DDoS saldırıları çünkü siteniz artık daha çekici bir hedef olabilir. Ortak sağlayıcılardan daha fazla ayrıntı: AWS, gök mavisi, bulut parlaması, Google Bulut.
Daha fazla rehberlik için bkz. Ağ güvenilirliği.
Ulaşılabilirlik #
Erişilebilirliğe odaklanmak her zamankinden daha önemli çünkü çeşitli ihtiyaçları olan daha fazla insan muhtemelen sitenize erişiyor. Web sitenizin temel işlevlerine herkesin erişebilmesini sağlamak için aşağıdaki yönergeleri izleyin.
Kimlik, güvenlik ve gizlilik #
Kritik düzeltmeleri kapıdan dışarı çıkarmak için kısayollar kullanmak cazip gelebilir, ancak bunu yaparken güvenlik açıkları açmamaya her zaman dikkat edin. İnsanların son derece özel konulardaki içeriğe erişmesi gerekir. Web sitelerinin bu hassas kullanıcı verilerini ne pahasına olursa olsun koruması ve insanları kişisel olarak tanımlanabilir bilgiler (PII) güvenlidir.
Daha fazla rehberlik için bkz. Güvenli ve emniyetli.
Kullanılabilirlik, UI ve UX #
İnsanlar temel ihtiyaçlarını karşılamak için internete daha fazla güveniyor. Bu kişilerin çoğu web’i sık kullanmaz. Sitenizin temel işlevlerinin kullanılabilirliğini denetlemek ve mümkün olduğunca basit ve kolay olduğundan emin olmak faydalı olacaktır.
- Göze çarpan bir banner eklemeyi düşünün (bu, bir X düğmesi) web sitenizin hizmet güncellemelerini açıkça ileten üst kısmına. İnsanları daha spesifik kaynaklara yönlendirmek için banner’da bir harekete geçirici mesaj kullanın. Sayfa içeriğinizin geri kalanından öne çıkan farklı renkler ve yazı tipleri kullanmayı düşünün. Yazınızı empatik, insanların ihtiyaçlarına odaklı ve ne tür bir hizmet bekleyeceğiniz konusunda şeffaf tutun.
- İş yerinizdeki fiziksel etkileşimleri en aza indirmek için fırsatlar arayın. kritik kullanıcı yolculukları (CUJ’ler) ve bu değişiklikleri ürün ekibinize önerin. Örneğin, teslimat hizmetiniz genellikle bir imza gerektiriyorsa, bunu aşmanın bir yolu olup olmadığına bakın.
- CUJ’lerinizin olabildiğince basit ve sezgisel olup olmadığını bir kez daha kontrol edin ve iyileştirme fırsatları görürseniz ürün ekibinize değişiklik önerin.
- Görüntüle iyi mobil tasarımın ilkeleri ve bariz bir sorun olmadığından emin olmak için CUJ’lerinizi çeşitli mobil cihazlarda deneyin. Web’i sık kullanmayan ve aniden web’e daha fazla güvenmek zorunda kalan kişiler muhtemelen sitenize mobil cihazlardan erişiyor.
- Kullanmak için sitenizi yeniden düzenleyin duyarlı tasarım desenleri mümkün olduğunca.
- Formlarınızın olduğundan emin olun verimli ve iyi tasarlanmış.
SEO #
İnsanlar kritik sağlık ve işle ilgili bilgileri arıyor. Sitelerinizin tüm arama motorları tarafından keşfedilebilir olmasını sağlamak önemlidir. bu Lighthouse SEO denetimleri temel sorunları tespit etmenize yardımcı olabilir. En son rehberlik ve güncellemeler için arama motorlarının resmi bloglarını takip edin: Google, Bing, Baidu, ÖrdekÖrdek Git, Yandex. COVID-19 ile ilgili son gönderiler:
Daha fazla rehberlik için Keşfedilebilir bölümüne bakın.
Verim #
Bazı ISP’ler (örneğin Hindistan’da) bir görüyor evde internet kullanımında keskin artış ve artan talebi karşılayacak altyapıya sahip değiller. Bu gibi durumlarda, web sitenizin hızı kendi hatanız olmadan yavaşlıyor olabilir. Yük performansınızı optimize etmek, azalan bant genişliğinin ters rüzgarını dengelemenin bir yolu olabilir. Başka bir deyişle, sayfalarınızı yüklemek için ağ üzerinden gönderilmesi gereken bayt sayısını azaltarak, azalan bant genişliğinin performans üzerindeki etkisini dengeleyebilirsiniz.
- resimler İnternette şişkinliğin bir numaralı nedeni. Resimlerinizi optimize ederek web sitenizin bant genişliği kullanımını önemli ölçüde azaltabilirsiniz. Squoosh resimlerinizi hızlı bir şekilde sıkıştırmanıza yardımcı olabilecek basit bir açık kaynaklı resim sıkıştırma aracıdır.
- Koşmak Web Sayfası Testi veya deniz feneri en iyi performans geliştirme fırsatlarınızı keşfetmek için.
- Metin sıkıştırmayı etkinleştir metin kaynaklarının ağ boyutunu azaltmak için. Bu genellikle minimum teknik yatırım gerektiren kolay bir performans kazancıdır.
- Diğer departmanlarla nasıl işbirliği yapacağınızı ve onlardan destek alacağınızı öğrenmek için İşlevler arası web sitesi hızını düzeltme bölümünü okuyun.
- İnsanların gerçekte asla göremeyebilecekleri resimlere yönelik istekleri en aza indirmek için resimler için standartlaştırılmış yavaş yüklemeyi kullanın. Tarayıcı Uyumluluğu %100 değildir, ancak özellik aşamalı bir geliştirme olarak değerlendirilebilir. Başka bir deyişle, belirli bir tarayıcı standartlaştırılmış yavaş yüklemeyi desteklemiyorsa, görüntü normalde olduğu gibi yüklenmelidir.
- Sitenizde daha eşzamansız olarak yüklenebilecek herhangi bir A/B testi veya kişiselleştirme komut dosyası olup olmadığını veya komut dosyalarında devre dışı bırakılabilecek kritik olmayan herhangi bir işlevsellik olup olmadığını kontrol edin. A/B testi ve kişiselleştirme betikleri genellikle yüklenemez tamamen sayfa içeriği yüklenmeden önce çalıştırılmaları gerektiğinden eşzamansız olarak, ancak komut dosyalarının bazı kısımlarını daha eşzamansız olarak yüklemek için bazı fırsatlar olabilir. Görmek Kritik İşleme Yolu genel olarak eşzamanlı betikler (oluşturmayı engelleyen betikler olarak da bilinir) ile sayfa yükleme süresi arasındaki temel ödünleşimi anlamak ve ardından işleme-engelleyen betiklere sayfa yükleme süresine göre öncelik vermeniz gerekip gerekmediğine karar vermek için.
- Üçüncü taraf kodu teşkil eder tüm isteklerin yaklaşık yarısı çoğu web sitesi için. Dikkate almak optimize etme veya sitenizi çalıştırmak için temel teşkil etmeyen üçüncü taraf kodunu geçici olarak kaldırmak veya devre dışı bırakmak.
- Özellik sürümlerinin önceliği azaltılırsa, bu, temizlemek için mükemmel bir zaman olabilir. Etiket yöneticilerinizden etiketleri kaldırın, şişmiş CSS ve JS’yi temizleyin ve kullanımdan kaldırılan özellikleri veya kodu kaldırın. bu Kapsam sekmesi Chrome Geliştirici Araçları’nda ve
CoveragePuppeteer’daki sınıf, kullanılmayan kodu tespit etmenize yardımcı olabilir.
Daha fazla rehberlik için bkz. Hızlı yükleme süreleri.
Kahraman resmi ile Haranasaurus" rel="noopener">NASA Açık Unsplash