WordPress sayfasının yükleme süresini nasıl azaltılır
Bu gönderiyi derlemeden önce, blog sayfamı açma zamanı tekrar kontrol etmeliyim. Beni birkaç hızdan hoşlanıyorum ve eğer sayfam en iyi performans göstermiyorsa, büyük olasılıkla endişelenen bir adamla uyuyacağım. Ve ben endişelenen bir adamım çünkü Pingdom’da 73/100 puan aldım. Görünüşe göre yapacak işlerim var ama benim hakkımda yeterli, yavaş bir web siteniz varsa kendinizi endişelendirmelisiniz çünkü:
Web sitenizi sıralarken sayfa hızında Google Faktörleri
Yavaş web siteleri gelir akışınızı öldürecek
Kimse yavaş bir web sitesini sevmez ve bu bir gerçektir. Yavaş bir web sitesine bahse girmeye cesaret ediyorum, en sevdiğiniz şeylerden biri değil. Hayatta kalacak kadar sabırlısanız yavaş web siteleri sizi deli edebilir. Web ziyaretçilerinize daha hızlı ve daha zengin bir deneyim sunmak için WordPress sitenizin açılış süresini nasıl azaltabilirsiniz?
Bugünün gönderisinde, WordPress sitenizi daha hızlı oluşturmak için kullanabileceğiniz ondan fazla (10) püf noktası göstereceğiz. Bu noktalardan bazılarıyla alın ve koşun, iyi olacaksınız. Hosting En İyi WordPress’i seçin En iyi WordPress barındırmasını seçerken dikkate almanız gereken birkaç faktör vardır. Yanlışlıkla Standard’ın altında bir web ana bilgisayarını seçerseniz (hatta çok ağır bir ortak barındırma paketi), sadece bir şey ifade eder: hala web ana bilgisayarını kullandığınız sürece yavaş bir siteyle hayatta kalmanız gerekir. Her ne kadar ucuz ortak barındırma paketi başlarken (veya suyu test ederken) iyi olsa da, en iyi performans için WPengine gibi yönetilen bir WordPress ana bilgisayarına ihtiyacınız var. Ancak, özel sunucuma veya VPS (sanal özel sunucu) barındırma paketine ne dersiniz? Peki, yönetilen WordPress barındırma ile rekabet edebilecek bir barındırma paketi yok. WPCurve.com, WPengine’e taşındıkları gün% 54 hızda bir artış kaydetti. Web sitemizin ne kadar hızlı yüklendiğini hiç fark ettiniz mi? Çünkü biz de wpengine kullanıyoruz! Sunucunuzun sayfa hız probleminizin ortasında olup olmadığını nasıl bilebilirsiniz? Google PagePeed Insights ve “Sunucu Yanıt Süresi” ni kullanarak alan adınızı bir soruna kontrol ederseniz, web ana bilgisayarınızı değiştirmeyi düşünmelisiniz.
Sayfa hızını artırma açısından büyük bir kazanç yaşamak için kullanmadığınız WordPress eklentilerini kaldırın, eklentileri yüklerken dikkatli olmanız gerekir. WordPress eklentisi ile ilgili olarak düşünülmesi gereken iki prensip vardır:
İhtiyacınız olmayan eklentileri etkinleştirmeyin
WordPress sitenizdeki tüm eklentileri kontrol ederseniz, bazı eklentiler çok zahmetli olduğu için yüklediğinize dikkat edin, her şeye ihtiyacınız olabileceğini fark edersiniz. Örneğin, Yoast tarafından WordPress SEO’nuz varsa, bir XML Site haritası eklentisine ihtiyacınız yoktur. Başka bir örnek: Akismet harika bir anti-spam eklentisidir, ancak yorum eklentinizde (Disqus gibi) etkileyici bir spam filtreleme sistemi varsa buna ihtiyacınız yoktur. Takip ediyor musun?
Buna ek olarak, WordPress web sitenizi hasarlı bağlantılar için kontrol etmek için bir eklentiye ihtiyacınız yoktur, W3C Link Checker’ı kullanarak kolayca çevrimiçi yapabilirsiniz. WordPress eklentinizi temizleyin ve nadiren veya hiç kullanmadığınız eklentilerin kurulumunu silin. WordPress Importor veya Ultimate gibi eklentilerin yakında web sitenizi yavaşlatmasına gerek yok. Hedeflerini yerine getirdikten sonra bu eklentilerin kurulumunu seçin. En iyisi, siz (veya WordPress geliştiriciniz) belirli özellikleri doğrudan web sitenize entegre edebilirseniz, böylece web sitenizi yavaşlatabilecek eklentilerden kurtulabilirsiniz. Bilmiyorsanız, eklenti sayfanızın üstüne her türlü CSS ve JavaScript kodunu enjekte etmekle ünlüdür. Bu, sayfanızın yükleme hızını olumsuz etkileyebilir.
ÖNEMLİ: Sitenizde birçok etkin eklenti bulundurmakla ilgili yanlış bir şey yoktur, sorun kötü kodlara sahip birçok eklenti veya aynı görevi veya sunucuya basınç ekleyen birçok eklentiyi tamamlayan bazı eklentilere sahip olmaktır. HTTP İsteklerini Sunucunuza Azalt web sitenizin ilk örneği görüntülemek için bin dosyaya ihtiyacı olup olmadığını? Eğer öyleyse, açılış sayfasında çok değerli saniye kaybedersiniz. Amacınız için gerekli olmayan her şeyi ortadan kaldırın, ancak zorlayıcı olduğu kanıtlanmışsa, temanızı tekrar kodlamayı düşünün – sadece bu sefer sitenizi görüntülemek için gereken dosya sayısını sınırladığınızdan emin olun. Her dosya (CSS, JavaScript, resimler , vb.) Sayfanızı açık zamanınızı artırmak için web sitenizde kullanırsınız. Sayfanın hızını artırmak için dosyayı mümkün olduğunca az kullanmanız gerektiğini söylemenize gerek yok. Bunu tüm web sitelerinizde hackleyemiyorsanız, en popüler sayfanızdaki bazı dosyaları kullanın. Bu, ana sayfanızı ve ürün sayfanızı içerir. Görüntünüzü optimize et
Hala dosyada ve sayfa açık süresini nasıl etkilediğini, görüntünüzün sayfanızın hızı üzerinde büyük bir etkisi olabilir. WordPress eklentisinde görüntünün performansını optimize etmek için bulduğumuz gibi, “… optimize edilmeyen görüntüleri olan web siteleri toplam engellerdir ve değerli bant genişliğini harcayacak, neredeyse her şeyi yavaşlatacak ve kullanıcının deneyimine zarar verecek (UX ). ”
Yüklemeden önce, WordPress için resminizi optimize ettiğinizden emin olun, Web için dosyaları sıkıştırın veya kaydet. Web için dosyaları nasıl kaydedeceğinizi bilmiyorsanız, “Web için Kaydet” seçeneği, Photoshop ve GIMP gibi çoğu görüntü düzenleme programında ortak bir özelliktir. Başka bir önemli şey. Gerçekten ihtiyacınız olandan çok daha büyük görüntüleri kullanmayı bırakın. 150 x 150 ölçümlü bir mini görüntüye ihtiyacınız varsa, 300 x 300 ölçümünün boyutunu yüklemeyin ve azaltmayın. Orada çok fazla görüntü aracı (ve ücretsiz) vardır, görüntünüzü optimize etmemek için hiçbir nedeniniz yoktur. Nereye bakacağınızı bilmiyor musun? İşte bazı örnekler: Pix Resizer (bluefive.pair.com adresine indirin)
Optimal Resim
Reklamlarınız da önemlidir
Reklamlar birçok web sitesi için iyi bir gelir akışıdır, ancak reklamların sayfanızı açarken olumsuz bir etkisi olabilir. Optimize edilmiş bir resim kullanarak tanıttığınız ürün veya hizmete doğrudan bağlantı kurmak, web sitenizdeki teklifleri reklam vermenin en iyi yoludur. Veya metin bağlantılarını kullanabilir ve sayfa hızını önemli ölçüde artırabilirsiniz. Metin bağlantısıyla ilgili tek sorun, reklam gelirinizin bir veya iki darbe yaşayabilmesidir, çünkü çekici görüntü metinden daha fazla dikkatdir.
Harici bir sunucuda çalışan üçüncü bir taraflı reklam ağına çok bağımlıysanız, sayfanızın hızına zarar vereceksiniz. Aynı zamanda, web sitenize yerel bir reklam izleme kodu eklemek performansa zarar verebilir. Ne yapalım? Teklifi tanıtmak için yerel olarak (sunucunuzda barındırılan) optimize edilmiş ve barındırılan görüntüleri kullanın. Pretty Link Pro gibi eklentileri kullanarak reklamlarınızı her zaman izleyebilirsiniz. Takeway Utama: Sunucu yoğun reklam sayısını azaltın veya sadece sunucu kaynaklarınızı yüklemeyecek reklamlara gidin. GZIP Sıkıştırmasını Etkinleştirin Odaya mümkün olduğunca bir kağıt atmanız sipariş edilirse, onu sıkar mısınız? Tüm gücünüzle sıkın mı? Doğru, Hulk Smash’ınızı etkinleştireceksiniz. Willie Jackson’ın önceki alıntısı ve aynı prensip GZIP sıkıştırması için de geçerlidir. Bu özellik, sunucunuza web ziyaretçilerinize göndermeden önce web sitenizi (tüm dosyalar) sıkıştırmasını söyler. Web siteniz daha sonra tarayıcı düzeyinde ayrılır. GZIP Sıkıştırma, WordPress sitenizi hızlandırmanın harika ve kolay bir yoludur. Sadece http://domainanda.com/wp-admin/options.php adresinden WordPress seçenek ekranınıza gidin ve GZIP sıkıştırma alanının değerini 0’dan 1’e değiştirin. Açıkçası, öncelikle Sitenizi girmelisiniz, böylece bu, teslimat içeriği önbelleğe alınma ve ağdan (CDN) yararlanmak için işlev görmelisiniz.
Önbelleğe almak WordPress, statik dosyalarınızın (örneğin resimler, komut dosyaları vb.) Bazı cihazında belirli bir süre için saklanmasını içerir. Kullanıcınız web sitenizi daha sonra ziyaret ettiğinde (ve önbellek dosyasının süresi dolmadığı sürece), kullanıcıların sunucunuzdan dosya indirmeleri gerekmediği için web siteniz daha hızlı yüklenir. WordPress sitenizdeki önbellek etkinleştirmek çok kolaydır. Öğrenmek istiyorsanız, aşağıdaki kodu .htaccess dosyanıza yerleştirerek tarayıcı önbelleğini etkinleştirebilirsiniz.
Süresi dolmuş aktif aktif ExpiresbyType Image/JPG “1 Yıllık Erişim”
ExpiresbyType Image/JPEG “1 Yıllık Erişim”
ExpiresbyType Image/GIF “1 Yıllık Erişim” Expiresbytype/png “1 yıl” resim
ExpiresbyType Metin/CSS “1 aylık erişim”
ExpiresbyType Metin/HTML “1 aylık erişim”
ExpiresbyType/pdf “1 ay” başvurusu
ExpiresbyType Metin/X-Javascript “1 aylık erişim”
ExpiresbyType/X-Shockwave-Flash uygulaması “1 aylık erişim”
ExpiresbyType/Icon X “1 Yıl” görüntü
Son kullanma süresi “1 aylık erişim”
## Önbellek Expiration ##
Kevin Muldoon’un kodu. Yukarıdaki kod, her bir dosya türünün ne kadar süre önbellek olacağını belirler. Veya, aşağıdakiler gibi WordPress önbellek eklentilerini kullanarak birkaç dakika içinde önbelleklemeyi etkinleştirebilirsiniz:
Önbellek toplamı w3
WP Süper Önbellek
En hızlı WP önbellek
Bu arada, önbellek eklentisi, bir sunucu çağrısı gerektirmemesi için dosyanızın statik bir HTML sürümünü yayınladı. Önbellekleme doğrudan hızda bir artış sağlayacaktır, bu nedenle WordPress önbellek eklentinizi alın. Konumunuzdaki birçok WordPress web sitesi ve geliştirici WP Total Cache’yi seçer. Önbelleklemeye ek olarak, içerik dağıtım ağına veya CDN’ye kısaca bakalım. WordPress web sitesi içerik dağıtım ağınız, web ana bilgisayarınızın konumuna bağlı olarak dünyanın herhangi bir yerinde bir veri merkezinde (sunucu) barındırılabilir. Sunucunuz ne kadar güçlü olursa olsun, sunucunun kullanıcısı (sonra web siteniz) ne kadar uzak olursa, sayfa o kadar uzun süre açılır. Örneğin, sunucunuz San Francisco’da bulunuyorsa, Londra’daki müşteriler Washington’daki müşterilere kıyasla daha uzun bir açık süre yaşayacaktır. CloudFlare ve BootstrapCDN gibi içerik dağıtım ağları bu sorunun üstesinden gelir. İçerik Dağıtım Ağı, dünya çapında bir dizi birbiriyle ilişkili veri merkezidir. Bir CDN hesabına kaydolduktan sonra, web sitesi sürümünüz çeşitli veri merkezlerinde saklanır. Kullanıcılar web sitenizi ziyaret ettiğinde, CDN web sitenizi otomatik olarak en yakın veri merkezinden kullanıcıya sunacaktır. WordPress Hosting Uzmanları Yönetilen WPengine, WordPress sitenizi geliştirmenize yardımcı olacak üst düzey CDN’ler ve önbellekleme özellikleri sağlar. Yukarıdaki stil sayfası ve aşağıdaki komut dosyası
Site mimarisi, sitenizin performansını düşündüğünüzden daha fazla etkiler. Demek istediğim, WordPress sitenizde (veya bu durumda diğer sitelerde) çeşitli öğeler sipariş etme şekliniz, içeriğinizin ne kadar hızlı yüklendiği üzerinde önemli bir etkiye sahiptir. Ancak Styles sayfası üstte nasıl yerleştirilir ve alttaki komut dosyası, web sitemdeki sayfa açık süresini azaltacaktır? İlk olarak, ziyaretçilerinizin stilsiz içeriği görmelerini istemezsiniz, değil mi? Önce yüklenmelerini sağlayarak stil sayfasını üstte ( öğesinde) yerleştirin. Böylece, HTML yüklendiğinde tarzınız sayfanıza uygulanacaktır. Komut dosyasının altta yerleştirmek, etkileşim nesnesi girmeden önce içeriğinizin yüklenmesini sağlar. Diğerlerinin yanı sıra widget’lar, komut dosyası reklamları, harici yangın çağrıları ve komut dosyası formları içeriğinizden sonra yayınlanmalıdır. Sonuçta, kullanıcılar bu nesneyle yalnızca içeriğinizi gördükten sonra etkileşime girer. Ziyaretçilerin stilsiz içeriği görmelerini istemezsiniz ve kesinlikle içerikten çok önce ilgili yayın widget’ını görmelerini istemezsiniz. Biliyor musunuz? Komut dosyasını yukarıdaki (veya öğenize) yerleştirme, komut dosyalarından biri yüklenemezse içeriğinizin yüklenmesini önleyebilir mi? Sınırlama harici komut dosyası hala bu komut dosyası işinde, web siteniz harici komut dosyalarına çok fazla güveniyorsa, yavaşlar. Reklamların web sitenizi nasıl yavaşlatabileceğine dokunduğumuzda bununla ilgili bir şeyden bahsediyoruz. Harici senaryoların yaygın örnekleri şunlardır: Facebook beğenileri gibi sosyal medya paylaşım düğmeleri ve ünlü Twitter’ı takip edin.
YouTube ve diğer video gömme komut dosyaları (WordPress sitenize YouTube videoları eklemek çok kolaydır)
IntenseBate, Google+ Yorumları, Disqus vb. Gibi harici yorum eklentileri
Dış katılımı oluşturun ve açın
Harici yazı tipi komut dosyası
Vesaire vesaire.
Geliştiricilerden asla sevgi almayan WordPress temaları genellikle yavaş bir web sitesi oluşturmak için sunucu kaynaklarınızı harcayacak kötü bir kodla donatılmıştır. Buna ek olarak, daha az gelişmiş WordPress temaları, sitenizin ağırlığına katkıda bulunacak aşırı görüntüler kullanabilir. Güvenilir kaynaklardan profesyonel olarak geliştirilen WordPress temasını seçin. Her şeyin üstünde, seçtiğiniz tema duyarlı olmalı ve en iyi performans için optimize edilmelidir. Nereden başlayacağınızı bilmiyor musun? Her zaman etkileyici olan Total Drag ve Drop WordPress temasına veya ücretsiz WordPress temamıza bakın. Ancak unutmayın, sadece tema geliştiricisine inandığınız için, bu temanın mükemmel bir şekilde kodlandığı anlamına gelmez. Herkes hata yapar ve her temanın bir yerde bir tür hata veya kusur vardır, bu yüzden düzenli olarak yönetilen ve güncellenen temaları kullanmak da önemlidir. Sadece görünüşü beğendiğiniz için temadan memnun olmayın, herhangi bir tema çocuğun temasıyla yeniden tasarlanabilir. WordPress 2.9’dan beri çöp alarak, sitenizden içerik her sildiğinizde, masaüstünüzde geri dönüşüm kutusu gibi bir şey – çöpe gönderilecektir. Bu nedenle, dosyanızı istediği zaman kalıcı olarak kurtarabilir veya silebilirsiniz. Tek sorun, bu çöpün veritabanınızda çok fazla yer kaplamasıdır. Çöp biriktikten sonra, web sitenizi yavaşlatan DB’yi boğabilir. WordPress boşaltma çöpünü otuz günde bir boşalt, ancak wp-config.php dosyanızı düzenleyerek değiştirebilirsiniz: DEFINE (‘boş_trash_days’, 7);
Yukarıdaki kod, WordPress’e her yedi günden sonra çöpleri silmesini söylerken, aşağıdaki kod atık özelliğini sonsuza dek devre dışı bırakacaktır: tanımlayın (‘boş_trash_days’, 0); Asla kullanmadığınız bazı jetpack özelliklerini devre dışı bırakmak için kullanmadığınız JetPack özelliklerini devre dışı bırakın, web sitenizin hızını büyük ölçüde artırabilir. Yorumlar, paylaşım, kısa bağlantılar wp.me ve widget’ın görünürlüğü hariç tüm özellikleri devre dışı bıraktım ve sayfa açık süremi üç (3) saniye boyunca azalttım! JetPack özelliği, sunucunuza ek istekler göndermenin yanı sıra yüklenmesi için zaman gerektiren bir komut dosyası kullanır. Tüm JetPack özelliklerini etkinleştirirseniz, sayfanızın yüklenmesi daha uzun sürer. Kullanmak istediğiniz özellikleri etkinleştirin ve gerisini unutun. Hızlı bir özet, artık sayfa hızı ve genel olarak site performansı ile ilgili arama motorlarında olağanüstü kullanıcı deneyimi ve iyi sıralama sağlar. Bu nedenle, web sitenizi en iyi performans için optimize etmenin önemini asla hafife alamazsınız. Listede:
En iyi WordPress barındırmasını seçin (WPengine kullanıyoruz ve seviyoruz)
Kullanmadığınız eski eklentileri sil
HTTP isteklerini sunucunuza azaltın
Görüntünüzü optimize et
Reklamınızı akıllıca seçin
GZIP sıkıştırmasını etkinleştirin İçerik Teslimatının Önbelleğe ve Ağlamasından yararlanın (CDN)
Üstte stil sayfası ve alttaki komut dosyası Harici betiğinizi sınırlayın
Azaltılmış, daha küçük ve daha küçük
WordPress Premium temasını kullanın (WordPress Total Drag ve Drop Çok Amaçlı Temasını Öneriyorum)
Çöp almak
Kullanmadığınız JetPack özelliklerini devre dışı bırakın
