WordPress Web Sitenizi Hızlandırmanın 5 Kusursuz Yolu
Yayınlanan: 2016-04-08Web sitesinin yükleme hızı ölçümüne ve önemine bakmak için herhangi bir perspektif seçin: pazarlamacı, site sahibi, geliştirici, SEO sihirbazı, hatta ve özellikle kullanıcı. Hız metriği en üstte görünmeye devam edecek. Bulabildiğiniz kadar çok kaynakta web geliştirme en iyi uygulamalarına bakın ve her listede bir yerde 'sayfa yükleme süresini azaltma ' göreceksiniz.
Walmart'taki kasiyerde kuyrukta beklemekten bile hoşlanmıyoruz, ahlaksız aşırılıklar çağında elle tutulamayan bir veri yığını hakkında nasıl hissedeceğimizi düşündünüz ?
Bu nedenle, daha hızlı yüklenen web siteleri oluşturmak zorunludur (TTFB 2 saniyeden az olmalıdır). Daha iyi bir deneyim için, daha yüksek dönüşüm için, en iyi arama sıralamaları için!
Peki WordPress web sitelerini daha hızlı hale getirmek için ne yapılabilir? Görünen o ki, özellikle şu 5 alanda çok fazla:
1. Sunucu
Web sitenizin verilerinin bulunduğu yer burasıdır . Bir sunucu kendini aşevi veya Gotham'ın arka sokakları gibi koruyorsa, hiçbir performans optimizasyonu web sitenizi hızlandırmanıza yardımcı olmaz.
Bu nedenle, bir barındırma sağlayıcısında oturum açmadan önce şunlara dikkat edin:
- Bakım, yedeklemeler ve güvenlik (bariz nedenlerle)
- Ölçeklenebilirlik: Ziyaretçiler, veri aktarımı, bant genişliği, depolama alanı vb. açısından farklı planların ağırlığı ve bazı sınırları aştığınızda nasıl ölçeklendirileceğiniz.
- Müşteri referansları ve destek forumları (Bir şirketin hizmet kaydı hakkında çok şey ortaya çıkarabilirler)
İşte bakabileceğiniz daha fazla şey:
Ø 3. Parti Video Barındırma
Harici veya 3. taraf video barındırma, sunucu alanını ve bant genişliğini akıllıca kullananlar için mükemmel bir çözümdür.
Teneke üzerinde yazan aynen bu. (Yalnızca) Video dosyaları, web sitenizle bağlantı kurabileceğiniz (API'yi karıştırmak için bir geliştirici çağırmadan) Youtube, Vimeo vb. gibi bir 3. taraf sunucuda barındırılır. Bazıları ayrıca video düzenleme araçlarıyla birlikte gelir ve çoğu destek sunar.
Bu hizmete kaydolmadan önce video dosyaları üzerindeki hakları (Gizlilik Politikası) kontrol ettiğinizden emin olun.
Ø Görüntü Bağlantılarını Engelleme
Image Hotlinking , küçümsenmiş bir kötülüktür.
Çalmakla eşdeğerdir ve en kötü yanı, suçluların genellikle eylemlerinin ciddiyetinin farkında olmamasıdır. Sadece görselinizi (klavyeye) kopyalıyor ve doğrudan zengin metin düzenleyicilerine yapıştırıyorlar. Yani içeriklerinde görünen görüntü aslında hala sunucunuzda saklanıyor. Bu nedenle , web sitesinde görüntüye rastlayan herkes , sunucunuzdan görüntüyü yüklemesini isteyecektir. Bu, bant genişliğinizi tüketir.
Ve bir Teşekkür notu almayacaksın.
Saf fedakarlığının katlanabileceği çok şey var. İnternette ya içeriğinizi korursunuz ya da cezalandırılırsınız. Bu kodu .htaccess dosyanıza koyun:
Yeniden YazmaMotoru açık
RewriteCond %{REQUEST_FILENAME} -f
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?mywebsite\.com [NC]
RewriteCond %{REQUEST_URI} !^/images/stopstealing\.jpg$ [NC]
RewriteRule \.(jpg|jpeg|png)$ http://mywebsite.com/images/stopstealing.jpg [NC,R,L]
Ayrıca: Bazı İçerik Dağıtım Ağlarının (CDN'ler) yerleşik bir Hotlink Önleme özelliğine sahip olduğunu unutmayın.
2. Önbellek
W3 Total Cache gibi Önbelleğe Alma Eklentileri, WordPress'in sayfa hızı optimizasyonu için sunduğu en iyi şeylerden biridir ( herkes buna bayılır). Alternatif (daha az gelişmiş kullanıcılar için) WP Super Cache'dir.
Buradaki fikir, sayfaların, nesnelerin ve veritabanlarının kopyalarını (önbelleklerini) oluşturmaktır; komut dosyalarını küçültün ve bir WordPress web sitesini bir içerik dağıtım ağı (CDN) ile daha kolay entegre edin.
Redis ve Memcached gibi veritabanı önbelleğe alma çözümleriyle sunucu tarafı performans optimizasyonundan en iyi şekilde yararlanmak için WordPress geliştiricilerini de işe alabilirsiniz.
Ø Vade Modülü
Bu Apache modülü, belirttiğiniz dosya biçimleri için önbellek ömrünü ayarlar.
İşte onu kullanmanın basitleştirilmiş bir yolu: <ifmodule>. Şu şekilde (.htaccess dosyasına) gider:
<ifmodule mod_expires.c>
<Filesmatch “\.(jpg|png|gif|js|css|mp3|pdf)$”>
Sona EriyorEtkin
ExpiresDefault "erişim artı 1 hafta"
</Filesmatch>
</ifmodule>
Yukarıdaki kod parçacığı, her jpg/png/gif/JavaScript/CSS/mp3/ve PDF dosyasının önbellek dosyalarının 1 hafta sonra geçerliliğini yitirmesini sağlayacak ve bu noktada yeni bir önbellek oluşturulacaktır. Bu modül, içeriklerini düzenli olarak güncelleyen zengin medya web sitelerinde kullanım için mükemmeldir.
3. Ön Uç
Performans sorunlarının yaklaşık %80'i, ön uç hız optimizasyonuna yönelik %20 çabayla çözülecektir. Pareto'nun web geliştirme yasasıdır.
Ön ucu hız için optimize etmek sadece teknik olarak uygun değildir. Kullanıcınızın ekranında bir şey ne kadar erken olursa, bekleme konusunda o kadar iyi hisseder. Performans izlenimi de vermelisiniz.
Buna yardımcı olmak için, uygulayabileceğiniz bazı yöntemler şunlardır:
- Görüntüler : Bir manyak gibi sıkıştırın. Resminiz/ortam boyutunuz ne kadar küçükse o kadar iyidir. Kalite kaybı olmadan sıkıştırma için EWWW Image Optimizer veya WP Smush.it kullanın. Ardından, söz konusu görüntüleri içeren sayfa alanı şu anda kullanıcının görüş alanında görünür durumdaysa, görüntülerin koşullu yüklenmesi için tembel yükleme filtresi vardır. Bunun için Lazy Load XT'yi kullanın.
- HTTP isteklerinin azaltılması , daha az gidiş dönüş yapılması anlamına gelir, bu nedenle yükleme sürelerini iyileştirir. Sprite Pad ile 'desen' görüntülerini tek bir hareketli grafik haline getirin.
- JavaScript ve CSS Stil Sayfalarını küçültün: rtl.css, style.css ve eklediğiniz özel olanlar. Çok fazla bağımlılık kullanmamaya çalışın.
4. Veritabanı
Windows'taki Disk Birleştirme aracından farklı olarak, veritabanı optimizasyonu arka uçunuzu temizleyebilir ve sorgu sürelerini ve performansı iyileştirirken önemli bilgiler için yer açabilir.
Gereksiz gönderi revizyonları, eski onaylanmamış yorumlar, yinelenen meta veriler ve diğerleri, örümcek ağları ve toz tavşanlarıdır. WP Sweep, WP-DB Manager vb. araçlarla bunları temizleyin.
5. Güncellemeler
Platformla ilgili en son haberler ve gelişmelerden haberdar olmak için Make.WordPress.org'daki tartışmaları takip ettiğinizde (bu herkes, geliştiriciler ve genel kullanıcılar için iyi bir alışkanlıktır), bir model fark edeceksiniz: odak noktası her zaman kullanım kolaylığı, performans ve güvenlik üzerine... bu sırayla.
Ayarı yapılandırmadıysanız, küçük sürümler olması durumunda (güvenlik ve küçük hata düzeltmeleri için) WordPress otomatik olarak güncellenir. En başta en son sürüme yükseltmediğiniz sürece bu iyi değil.
Kaygıyı azaltmak için güncelleme için bu yararlı kalıbı izleyin:
- Önce temalar: Bir alt temanız olduğundan emin olun (görünümde yapmış olabileceğiniz küçük değişiklikleri kaydedecektir). Güncelleme, ana tema için geçerli olacak ve bu şekilde, onarımın ötesinde bir şeyi mahvetme şansınızı önemli ölçüde azaltacaksınız.
- Sıradaki eklentiler: Bunları tek tek ele alın. Sıkıcı olduğunu biliyorum, ancak bir güncelleme uyumluluk sorunlarına neden olduğunda daha hazırlıklı ve bilgili olacaksınız. Not: Eklentiler söz konusu olduğunda 'az daha fazladır' olmasının nedeni de budur .
- WSOD Protokolü: Ölümün Beyaz Ekranı ile karşı karşıya kalmanız ihtimaline karşı kafasız tavuk gibi etrafta koşuşturmayın. İnternette pek çok yardım mevcut.
son not
Web sitenizi en iyi durumda tutmak için düzenli güvenlik ve bakım yapın.
Hız optimizasyonunun devam eden bir çaba olduğunu unutmayın. En son gelişmeler ve en iyi uygulamalar için tetikte kalın.
Yazar Biyografisi: Lucy Barret, yüklü bir WordPress Geliştirme Şirketi olan HireWPGeeks Ltd için bir Kıdemli WordPress geliştiricisidir. HTML'yi WordPress temasına dönüştürme konusunda uzman olan bir geliştirici ekibini yönetmektedir. Aynı zamanda bir blog yazarıdır ve bilgilerini büyük WordPress topluluğuyla paylaşmayı sever.