Büyük HTML Sayfaları Kılavuzu: Sorunlar ve Optimizasyon

Büyük HTML sayfaları (3 MB'den fazla olan sayfalar) nadiren arama sonuçlarına girer, yüklenmesi uzun sürer ve, genellikle, gereksiz içerik içerir. Google hızlı web sitelerini tercih eder. Yükleme hızınızı yavaşlatan büyük HTML sayfaları, arama motoru sıralamanızı olumsuz etkileyebilir.

Labrika bu sayfaları bulur ve bunları ayrı bir raporda kaydeder ancak pratik uygulamaları bilinmediği için daha fazla analiz etmez.

Büyük HTML sayfalarının ortaya çıkmasının temel nedenleri:

1. SVG görüntüleri sayfa koduna gömülür.
2. Sitenin hata ayıklaması için gömülü bilgiler vardır.
3. Yerleştirilen kötü amaçlı veri parçaları indirmeyi zorlaştırır. Bu, silinmiş virüslerin kalıntıları veya site hacklendikten sonra eklenen veriler olabilir.
4. JavaScript, sayfanın HTML koduna gömülür ancak ayrı bir dosyada değildir.
5. Başka bir belgeden öğeler sayfaya eklendikten sonra, her öğe için gereksiz CSS stilleri HTML koduna eklendi, çok fazla yer kaplar. Örneğin, Word belgesinden metin eklemek ve etiketleri temizlememek.
6. Kaynak sahibi veya siteyi hackleyenler, web sitesine kripto para madenciliği için bir kod gömmüş olabilir.

Sitenizde büyük HTML sayfalarını nasıl bulursunuz?

Verileri Teknik Denetim bölümündeki büyük HTML sayfaları raporunda bulabilirsiniz. Bu rapor, sitenizde varsa 3 MB'den fazla olan tüm sayfaların listesini gösterecektir.

Böyle sayfalara ne yapmalısınız?

Problem alanlarını daha detaylı belirlemek için Google'ın PageSpeed Insights aracını kullanabilirsiniz. Sayfa hızını değerlendirmek için raporu kullanın, bu size sayfa boyutunu azaltma ve yükleme hızını artırma önerileri verecektir. Genellikle öneriler, hangi sayfa öğesinin sıkıştırılması veya optimize edilmesi gerektiği hakkında bilgi görüntüler.

Sayfa ağırlığını azaltmanın yolları:

1. HTML koduyla gömülü dosyalar: CSS, JavaScript ve SVG görüntüleri ayrı dosyalara yerleştirilmelidir.
2. HTML kodunu azaltın. Sayfadan tüm gereksiz öğeleri kaldırın ve kodun geçerliliğini ve biçimlendirmesini gözlemleyin. Belki gereksiz parametrelerle aşırı yüklenmiştir.
3. CSS ve JavaScript'i sıkıştırın. CSS kodunu azaltmak yükleme hızı üzerinde önemli bir etki yaratacaktır, ancak bazı durumlarda sayfa ağırlığını da azaltmak gerekecektir. Bu sorunları çözmek için nitelikli bir programcıyla iletişime geçmek en iyisidir.

Sorunu nasıl düzeltirsiniz?

Aşırı büyük HTML sayfaları bir sitenin hızına zarar verebilir. Bu daha sonra kullanıcı davranışını ve bir sayfanın sıralama potansiyelini etkileyebilir. Ortalama masaüstü web sayfası boyutu yaklaşık 2MB, mobil ise yaklaşık 1.8MB'dir. Sayfanızın bu ortalamanın etrafında, üzerinde veya altında olmasını hedeflemelisiniz.

Bunu düzeltmek için şunları yapabilirsiniz:

1. Görüntüleri yeniden boyutlandırın (sayfanızda gösterilecek olandan çok daha büyük görüntü boyutları kullanmadığınızdan emin olun).
2. Özel yazı tiplerinden kurtulun. Bunlar genellikle büyük boyutlarda gelir, bu yüzden onları kaldırarak, daha az kullanarak veya TTF formatından WOFF2'ye dönüştürerek bir sayfanın boyutunu azaltabilirsiniz.
3. Kaynakları küçültün. Bu, gereksiz verileri veya kodu kaldırmak anlamına gelir. HTML, CSS, JavaScript vb. öğeleri küçültmek için çevrimiçi olarak birden fazla araç mevcuttur.