WordPress'te Sayfalarınızın Boyutunu Nasıl Küçültebilirsiniz?

Yayınlanan: 2022-09-16

WordPress ile ilgili en yaygın şikayetlerden biri, çok büyük ve yüklenmesi yavaş sayfalar oluşturabilmesidir. Sayfalarınızın boyutunu küçültmenin ve sitenizi hızlandırmanın birkaç yolu vardır. Sayfalarınızın boyutunu küçültmenin bir yolu, resimlerinizi optimize etmektir. Sitenize bir görsel yüklediğinizde, WordPress otomatik olarak bu görselin farklı boyutlarda birden çok versiyonunu oluşturacaktır. Ancak, her görüntü için doğru boyutu seçmek her zaman iyi bir iş çıkarmaz. WP Smush gibi bir resim sıkıştırma eklentisi kullanarak resimlerinizin dosya boyutunu kaliteden ödün vermeden küçültebilirsiniz. Bu eklenti, resimlerinizi yüklerken otomatik olarak optimize eder. Sayfalarınızın boyutunu küçültmenin başka bir yolu da çok fazla eklenti kullanmadığınızdan emin olmaktır. Eklentiler harikadır, ancak her biri sayfalarınıza daha büyük ve daha yavaş yüklenmelerine neden olabilecek kodlar ekler. Bir eklenti kullanmıyorsanız, devre dışı bırakın ve sitenizden silin. Ayrıca CSS ve JavaScript dosyalarınızı küçülterek sayfalarınızın boyutunu küçültebilirsiniz. Bu, sayfalarınızı %50'ye kadar küçültebilecek tüm gereksiz karakterleri kodunuzdan kaldırmak anlamına gelir. Bu işlemi otomatikleştirmek için WP Minify gibi bir eklenti kullanabilirsiniz. Son olarak, sayfalarınızı daha hızlı yüklemek için bir içerik dağıtım ağı (CDN) kullanabilirsiniz. Bir CDN, statik dosyalarınızı (görüntüler ve CSS dosyaları gibi) dünyanın dört bir yanındaki sunucularda depolar ve bunları en yakın sunucudan ziyaretçilerinize sunar. Bu, sayfalarınızın üç kata kadar daha hızlı yüklenmesini sağlayabilir. CloudFlare gibi ücretsiz bir CDN veya MaxCDN gibi ücretli bir hizmet kullanabilirsiniz. Bu ipuçlarını takip ederek sayfalarınızın boyutunu küçültebilir ve WordPress sitenizi hızlandırabilirsiniz.

Bir WordPress sitesinde sayfa boyutlarını küçültmenin üç yolu vardır. Bir WordPress web sitesi, sayfanın büyük veya küçük, uzun veya geniş olması gibi kullanıcılarınızın ihtiyaçlarına uyacak şekilde düzeni değiştirerek özelleştirilebilir. Web sitenizin tema kodunu değiştirmek, basitçe değiştirmek yerine son yöntemdir. Web sitenizi bir kullanıcının tarayıcısına yavaş veya yavaş bir şekilde yükleyerek Google sıralamalarınızı etkilemeniz de mümkündür. Bir WordPress sayfa boyutu optimizasyon aracı, yükleme sürelerini hızlandırmak için temaları, eklentileri, kodlamayı ve diğer araçları kullanır. Web sayfalarınızı alıp gereksiz kodlamayı ortadan kaldırmak ve görüntü boyutlarını ve yazı tipi stillerini küçültmek için kullanılabilirler. Page Speed ​​Booster , sayfanıza bakar ve hangi varlıkların yüklendiğini belirler.

WP için AMP yüklediğinizde, WordPress sitenize Hızlandırılmış Mobil Sayfalar (Google AMP Projesi) ekleyebilirsiniz. WP Meteor, komut dosyalarını bir sayfa oluşturulana kadar yüklemeyi ve başlatmayı ertelediğinde, Sayfa Hızı metriklerinde 2x-5x artış elde edersiniz. Bir WProcket Web Performance uzmanına göre, hızlı yüklenen web sayfaları için bir megabayt ideal boyuttur. Bir WordPress web sitesindeki resimlerin boyutu, hızını veya yavaşlığını etkileyen faktörlerden biridir. Resimler söz konusu olduğunda, WordPress web siteniz için bir resim optimizasyon eklentisi kullanmak daha iyi bir seçenek olacaktır.

Html'de Sayfa Boyutu Nasıl Küçültülür

Kredi bilgileri: blogspot.com

Bir HTML sayfasının boyutunu küçültmenin bir yolu, gereksiz boşlukları kaldırmaktır. Bu, karakterler arasındaki boş satırları veya fazladan boşlukları içerir. Bir HTML sayfasının boyutunu küçültmenin başka bir yolu, yazı tipi boyutu, renk ve boşluk gibi stil bilgilerini depolamak için bir CSS dosyası kullanmaktır. Bu şekilde, bu stil bilgilerini içermesi gerekmediğinden HTML sayfası daha küçük olabilir.

Web sitenizin yükleme hızını optimize etmezseniz trafik kaybetme riskiyle karşı karşıya kalırsınız. Web sitesi hastalıklarının en yaygın nedenlerinden biri HTML sayfasının boyutudur. En popüler içerik ve görseller, sayfalar için en değerli olan video ve görsellerden gelir. Serpstat ve Sitechecker, sayfa ağırlığını optimize etmek için en etkili araçlardan ikisidir. Dış önlemler arasında web yazı tiplerinin, CSS ve JS yollarının, görüntülerin ve üstbilgi önbelleğe almanın ve Gzip'in ayarlarının yapılması yer alır. Aşağıda açıklanan yöntemleri kullanarak sayfa ağırlığını azaltabilirsiniz. Bir gzip aktivasyonu, dosyaların sıkıştırılmasına ve geri yüklenmesine izin verir.

İçerik Dağıtım Ağı (CDN) birkaç web sitesi tarafından kullanılmaktadır. Büyük resimler kullanarak sayfaya ağırlık ekleyin, ancak boyutu resmin görüntülendiği bloğa göre sınırlayın. Paylaşım sayfasındaki paylaşım ve beğen butonlarını analiz edin. Düğmeler web siteniz için önemli değilse, var olmadıklarından emin olun. Efektler optimize edilmelidir. CSS3 efektlerini kullanırken sonuçlar daha iyidir. Bu seçenek, bir resim kolajı ayarından ziyade bir web sayfası boyutu ayarı olarak kullanılır.

Grafiklerin varsayılan biçimlendirme dilini kullanmak yerine SVG'de işaretlendiğinden emin olun. Sayfa boyutlarını optimize etmek için GZIP ve CDN kullanılabilir ve tarayıcı önbelleğe alma etkinleştirilebilir. Ayrıca, sayfa boyutunu küçültmek için, gereksiz kod bileşenlerinin ve yazı tiplerinin kaldırılması, görüntülerin sıkıştırılması ve önbelleğe alınması vb. dahil olmak üzere bir dizi başka teknik kullanılabilir. Bu makale bir Serpstat kontrol listesi örneğidir.

Sayfa Boyutunu Küçült WordPress Eklentisi

Kredi: YouTube

Sayfa Boyutunu Azalt, HTML, CSS ve JavaScript dosyalarınızı sıkıştırarak sayfalarınızın boyutunu küçültmenize olanak tanıyan bir WordPress eklentisidir. Bu, web sitenizin performansını artırmanıza ve bant genişliği kullanımınızı azaltmanıza yardımcı olabilir.

WordPress'te Sayfa Boyutu Nasıl Değiştirilir

Kredi: Şablon Canavarı

WordPress'te sayfa boyutunu değiştirmek için Ayarlar > Okuma sayfasına gitmeniz gerekir. Buradan “En fazla blog sayfaları gösterilir” seçeneğini sayfa başına istediğiniz gönderi sayısına değiştirebilirsiniz.

Bu makale, bir WordPress sayfasındaki/yazısındaki bir görüntünün boyutunu nasıl değiştireceğiniz konusunda size yol gösterecektir. Ayrıca sayfa, bir resim bloğu kullanarak bir sayfaya resim ekleme adımlarını içerir. Ek görüntü blok ayarları burada bulunabilir. Bu bölümde, resimlerinizi nasıl özelleştireceğiniz hakkında daha fazla bilgi edineceksiniz. Çoğu durumda, Bağlantı açılır menüsü 0 olarak ayarlanır Ek sayfası seçeneği, kullanıcıyı görüntünün ek olarak görüntülendiği sayfaya götürür. Bu URL sunucunuzdaki dosyanın yolunu göstermediği için daha güvenli bir seçenektir.

Özel Yazı Tipi İçeriği Tam Genişlikte Nasıl Görüntülenir

Widget'lar menüsünden istediğiniz Özel Gönderi Türünü seçin. Üzerine tıkladığınızda, tam genişlik seçeneğini göreceksiniz. Sayfa Gönderileri veya Tüm Gönderiler seçeneği vardır.

Chrome'da Sayfa Boyutu Nasıl Küçültülür

Kredi: XDA Geliştiricileri

Chrome, yakınlaştırma seviyesinin %100 olarak ayarlanması gerektiğini açıkça belirtir. Ayarları manuel olarak ayarlamak için, sayfanın büyütmesini artırmak veya azaltmak için Ctrl tuşuna ve “+” veya “-” kombinasyonuna basın. Klavyenin Ctrl tuşunu basılı tutun ve fareyi nasıl kullandığınıza bağlı olarak yakınlaştırmak veya uzaklaştırmak için fare tekerleğini kullanın.

WordPress'te Sayfa Boyutu Nasıl Kontrol Edilir

Sayfa boyutu kullandığınız temaya ve eklentilere bağlı olarak değişeceğinden, bu sorunun herkese uyan tek bir yanıtı yoktur. Ancak, sayfalarınızın doğru boyutta olduğundan emin olmak için izleyebileceğiniz birkaç genel ipucu vardır:
1. Duyarlı bir tema kullanın: Duyarlı bir tema, sayfa boyutunu görüntülendiği cihaza uyacak şekilde otomatik olarak ayarlar, böylece farklı ekran boyutları için ayrı sayfalar oluşturma konusunda endişelenmenize gerek kalmaz.
2. Duyarlı düzenler sunan eklentiler kullanın: Sayfalarınıza içerik ekleyen eklentiler kullanıyorsanız (örneğin kaydırıcılar, galeriler, vb.), sayfa boyutunun buna göre ayarlanabilmesi için duyarlı düzenler sunduklarından emin olun.
3. Sayfalarınızı farklı cihazlarda test edin: Sayfalarınızı test etmek ve nasıl göründüklerini görmek için çeşitli cihazlar (örneğin masaüstü, dizüstü bilgisayar, tablet, akıllı telefon) kullanın. Bu, sayfa boyutunun ayarlanması gereken alanları belirlemenize yardımcı olacaktır.

SmallSeoTools, son yıllarda Sayfa Boyutu Denetleyicisi de dahil olmak üzere bir dizi SEO aracı geliştirdi. Bir web sayfasının açılma hızı, herhangi bir web sitesinin performansını belirler. Ortalama web sayfası boyutuna göre yüklenmesi yaklaşık 12 KB sürer. Sayfa Boyutu Denetleyicisi basit, hızlı ve kullanımı tamamen ücretsizdir ve hemen hemen her web sitesinde bulunabilir. Bir web sayfasını incelemek için metin kutusuna URL'yi girin ve yeşil Kontrol düğmesine basın. Hem kilo hem de bayt olarak sayfa boyutu da dahil olmak üzere sonuçları birkaç saniye içinde göreceksiniz.

WordPress Neden En İyi İçerik Yönetim Sistemidir?

Bir içerik yönetim sistemi (CMS) olan WordPress, sıfırdan yeni bir web sitesi veya blog oluşturmanıza veya mevcut bir web sitesini yükseltmenize olanak tanır. WordPress, GPLv2 lisansı üzerine kurulmuş ücretsiz ve açık kaynaklı bir yazılımdır.

Sayfa Boyutu Optimizasyonu

GZIP ve CDN, sayfa boyutunu artırmak ve tarayıcı önbelleğini etkinleştirmek için kullanılabilir. Sayfa boyutunu küçültmek için gereksiz kod bileşenlerini ve yazı tiplerini kaldırabilir, görüntüleri sıkıştırabilir ve önbelleğe alabilir ve başka şeyler yapabilirsiniz.

Sayfa boyutu küçültülerek veya en uygun sayfa boyutu kullanılarak küçültülebilir. Bir sayfalama şeması kullanırken, sayfa tablosundaki sanal adres alanı 4 KB'dir ve sayfa tablosu giriş boyutu 8 bayttır. İşlem boyutu ve sayfa tablosu giriş boyutu sabittir ve bu, sayfa boyutuyla ilişkili ek yükü ayırt eder ve bu sayfa boyutu, minimum genel gider için toplam maliyetleri azaltır. Optimum sayfa boyutu nedir? Optimum sayfa boyutu, bakımı en az maliyetli olan sayfa boyutu olarak tanımlanır. Sayfalar, işletim sisteminin önceliklendirmesinin bir parçası olarak süreçlere ayrılır. Bir sayfalama şemasında, sayfa tablosundaki sanal adres alanı 32 bayttır ve sayfa tablosunun giriş boyutu 256 GB'dir. Bir web sitesi için en iyi sayfa boyutu nedir?

Sayfa Ağırlığını Azaltma

Sayfa ağırlığının azaltılması, bir web sayfasının daha küçük ve daha hızlı yüklenmesini sağlama işlemidir. Bu, görüntüleri optimize ederek, CSS ve JS'yi küçülterek ve bir içerik dağıtım ağı kullanarak yapılabilir.

Sayfa şişkinliği öncelikle bir sitedeki resimlerden kaynaklanır. Görüntülerinizi optimize etmenin en uygun maliyetli yolu, mümkün olan en fazla sıkıştırma ve kalite düzeylerini kullanmaktır. Sıkıştırma çok yüksekse kalite olumsuz etkilenir, ancak bazen dosya boyutunu önemli ölçüde azaltacak bir kalite bulmak mümkündür. Görüntü biçimini ve paleti değiştirerek dosya boyutlarını küçültebilirsiniz. PNG24 dosyası yerine bir PNG8 dosyası kullanıldığında, çok daha küçük bir dosya elde edilir. Resimlerinizi mümkün olan en kısa sürede sıkıştırmak ve optimize etmek için ImageOptim, PNG Gauntlet, JPEG Optimizer ve TinyPNG gibi ücretsiz araçlar kullanılabilir. Gördüğünüz resmin boyutu, göstereceğiniz boyutla aynı olmalıdır.

Sunucu tarafı görüntüsü çeşitli şekillerde büyütülebilir. Bu makale, PageSpeed ​​modülünü ve DeviceAtlas'ı kullanarak mobil görüntülerin nasıl optimize edileceğini açıklar. Jason Grigsby, ücretsiz ve ücretli görüntü optimizasyon hizmetleri ve yazılımlarının çevrimiçi bir listesini derledi. ImageMagick, verileri toplu halde dönüştürmek için kullanılabilecek harika bir sunucu tarafı araçları setidir. Çevrimiçi araçlar da görüntü biçimleri arasında dönüştürme yapmak için iyi seçeneklerdir. Tembel yükleme, bir görüntünün gerekli olana kadar yüklenmediği anlamına gelir. Bir sayfanın yalnızca bir kısmı indirildiğinde, birçok durumda indirilen bayt sayısı azalır.

Metin tabanlı dosyaların boyutunu küçülterek, boşluk, yeni satır karakterleri ve yorumlar gibi gereksiz karakterleri kaldırmak için küçültme prosedürü kullanılabilir. Sonuç olarak, tarayıcıya veri göndermeye gerek yoktur, bu da herhangi bir performans dezavantajı olmadan çok daha büyük performans kazanımları sağlar. Şu anda sunucunuzda gzip kullanabilmelisiniz. NGINX'e erişiminiz yoksa, önce onu barındırma sunucunuzda (örn. Apache, NGINX) etkinleştirmeniz gerekir. Önbelleğe alma, sunuculara gönderilen istek sayısını azaltmaya yardımcı olabilir. Başka bir deyişle, istek üzerine yalnızca ilk sayfayı ve kaynağı indirir, böylece hiçbir şeyi iki kez indiremezsiniz. Önbellek başlıklarını ayarlayarak, belirli bir kaynağın ne kadar süreyle önbelleğe alınması gerektiğini belirleyebilirsiniz.

Her sayfada ihtiyaç duyduğunuz ortak bilgi miktarı o kadar önemli olmayabilir. Örneğin 140B'lik bir tweet, oldukça fazla yük olan 74KB gömülü veri içerir. Bir web yazı tipi kullanmakta ısrar ederseniz, gerekenden daha az karakter içeren daha küçük bir sürüme sahip olabilirsiniz. Reklamlar web sayfalarını boşa harcar ve buna sıklıkla aşırı şişkinlik eşlik eder. Mobil veya masaüstü gibi farklı cihazlar için farklı olan sayfalar ağırlığı azaltabilir. Tüm resimlerinizi sıkıştırarak kaydedebilirsiniz. Görüntüleri yeniden boyutlandırma , ölçek veya büyütme eklenerek yapılabilir.

Görsellerin boyutları kullanım amaçlarına uygun olarak değiştirilmelidir. Resminizi kaydetmek istiyorsanız özel yazı tiplerinden kaçının ve optimize edilmiş bir yazı tipi kullanın. Web sitenizin yapısını sadeleştirmek için görseller yerine CSS, hafiflik katmak için görseller yerine CSS kullanın.

Sayfa Ağırlığı Web Sitesi Hızını Nasıl Etkiler?

Google, bir web sitesinin sayfalarının ağırlığını belirlemek için çeşitli yöntemler kullanır. Bir web sitesinde kaç dosya olduğunu bulmak için toplam boyutu kullanabilirsiniz. Bu kategori resimleri, PDF'leri ve CSS dosyalarını içerir. Büyük bir dosya boyutu, bir web sitesinin kilo vermesine neden olur. Sayfa ağırlığını belirlemek için bir metrik ağırlık kullanılabilir. Bu yöntemle bir kağıt stili 1 metre kare tartılır ve metre kare başına gram (g/m2) olarak kaydedilir. Bir sayfa için 25 g/m2 ağırlığındaki bir web sitesi 2,5 MB ağırlığa sahip olacaktır. Bir sayfanın ağırlığı, bir web sitesinin hızı üzerinde etkili olabilir. Bir web sitesinde çok sayıda büyük dosya varsa, sayfa hızı hesaplaması etkilenir. Bir web sitesi yüksek sayfa ağırlığına sahipse, Google tarafından cezalandırılabilir.