WordPress nasıl hızlandırılır – Bu iki şeye odaklanın
WordPress nasıl hızlandırılır !!!! Hepimiz WordPress kullanıcılarının istediği şey bu, değil mi? Sitemizin çok hızlı olmasını ve anında yüklenmesini istiyoruz. Bir şey istemek güzel … bu yüzden WordPress hızını istiyorum ve çok farklı ve birbirinden çok uzak. Web’de WordPress’in nasıl hızlandırılacağı hakkında teknikler hakkında çok fazla bilgi var. Bu bilgilerin çoğu çok ayrıntılı ve kullanışlıdır. Çoğu durumda, bulacağınız şey çok karmaşık olabilir veya çok fazla adım olabilir. Ayrıca WordPress sitelerini hızlı hale getirmek açısından, her site farklıdır ve maksimum hız elde etmek için bir dizi benzersiz eylem gerektirir.
WP Fix It’de sadece WordPress sitelerini mümkün olduğunca çabuk yapmaya odaklanan özel bir hizmetimiz var. Bunu tüm kategorilerin ve konumların sitesinde yüzlerce tamamladık. Bu yazıda yapmak istediğimiz şey, sitenizde hız verecek en önemli iki eylemi vurgulamaktır. Bu iki şeyi takip edip iyi yaparsanız, sitenizin hızında büyük bir artış olacaktır. Web’deki çoğu makale önbellekleme ayarları ve barındırma ortamı hakkında konuşacak, ancak bunları köklerine getirmek istiyoruz ve bu iki şey oradaki tüm WordPress siteleri için geçerli.
WordPress’in nasıl hızlandırılacağını gösterecek iki şey … sayfa boyutunu azaltmak ve talebi azaltmaktır. Sitenizde size iyi bir artış sağlayacak bu iki şeyin eylemlerini açıklamak için daha fazla bakalım. Dikkatli bir şekilde okuyun çünkü bu burada seksi bir şey ~~~ Aşağıda, çok yavaş bir site için gtmetric üzerindeki web sayfalarının hız testinden bir snippet. Bu resimde daire içine alınan iki öğeye çok dikkat edin. Tam olarak burada tartışacağımız şey budur ve eğer azaltırsanız, hızlı yüklü bir WordPress sitesine bir hız roketi alabilirsiniz. Web sayfalarının boyutsuzlukları. Bu, URL’leri yüklemek için kullanılan içerik ve kaynakların bir ölçüsüdür. Bunu başka bir şekilde söyleyelim. Sayfa boyutu, İnternet’e bir URL yüklemek için gereken tüm öğelerin toplam miktarıdır. Aşağıda, sayfa boyutları oluşturabilecek öğelerin çok yaygın bir listesi bulunmaktadır.
Çoklu Medya İçeriği (Resim, Video, Ses)
Video/Ses Oynatıcısı
CSS/JavaScript Dosyası
Yukarıdaki liste, web sayfaları oluşturabilecek her şeyin tam bir listesi olmasa da, bu sayfalardan oluşan en yaygın öğedir ve hız elde etmek için agresif bir şekilde azaltabilirsiniz. Şuna bak. WordPress hızını düşündüğünüzde, kelimeyi azaltmayı düşünün. Bir web sayfası yüklemek için gereken her şeyi ne kadar çok azaltırsanız, sayfa o kadar hızlı yüklenir ve siz ve site ziyaretçileriniz daha mutlu olursunuz.
Öyleyse yukarıdaki listeye tekrar bakalım ve her bir öğeyi ve her birinde bir azalma elde etmek için hangi adımları atabiliriz ve daha sonra toplam sayfa boyutunda bir bütün olarak inceleyelim.
uğu metin içeriği bu yüzden bu konuda çok paniklemeyin. Uzun mil ve 10.000’den fazla kelimeye sahip bir web sayfanız yoksa, burada zorluklar yaşamayacaksınız. Metin çok hızlı bir şekilde yayınlanır ve genellikle sayfa yüklemesini yavaşlatan bir hız tuzağı tarafından bilinmez. Ancak, içerikle dolu çok uzun bir sayfanız varsa, belki de bu içeriği aralarında bağlantılar bulunan birkaç sayfaya ayırabilirsiniz.
Ancak, site sahibinin gönderilerin 50+ özetini görüntülemeyi seçeceği blog sayfasında sıklıkla görüyoruz ve bu, sayfayı birçok metin ve resimle çok içerik haline getirecektir. Bu kolay bir gelişmedir, çünkü sayfa başına sayıyı daha az ve anında Waalaa’nın azaltılmasını sınırlayabilirsiniz.
Bu Multi -Media içeriği, WordPress sitesindeki en kötü hız emişinden biridir. Sayfa boyutunu genişletebilen en yaygın şey süper büyük bir görüntüdür. Çevrimiçi görüntülerin ortalama genişliği 500-700 piksel arasındadır, ancak birçok durumda WordPress kullanıcıları, sitelerinde ihtiyaç duyulan boyutu çok aşan ve görüntüyü ne kadar büyük olursa, dosya boyutu ve en önemli zaman o kadar uzun olursa görüntüleri kullanacaklar. gerekli. Görüntü dosyalarını yüklemek için tarayıcı.
Burada ilk kez yapmak istediğiniz şey, içeriğinizdeki görüntünün görüntülenen boyutlara sahip olmasını sağlamaktır. 2000 piksel genişliğine sahip görüntüleri yüklemeyin ve ardından sitede görüntülenecek 700 piksele indirin. Evet, görüntü istediğiniz boyutta görüntülenir, ancak tarayıcı hala 700 piksel genişliği değil, 2000 piksel genişliğine sahip görüntüler içerir. Görüntüleri azaltmak bir azalma değildir. ÇOK ÖNEMLİ!!! Tüm görüntüler için doğru boyutları kullandığınızı bildikten sonra yapmak istediğiniz ikinci şey onu optimize etmektir. Bu, sitenizde görüntünün görüntüyü çarpıtmadan mümkün olduğunca küçük olarak görüntülediğinden emin olur. Bu, eklentiler kullanılarak yapılabilir ve oh ne kadar kolaydır. Çoğu eklenti gibi, ücretsiz ve premium seçenekler vardır. Size kişisel olarak ve kullanıma hazır kullandığımız bazı seçenekleri vermek istiyoruz. Ücretsiz görüntünün eklenti optimizasyonu: Optimal Image Ewww-https: //wordpress.org/plugins/ewww-image-image-image- optimize edici sıkıştırma sıkıştırma smush Image-https: // wordpress. org/eklenti/wp-smushit kısa piksel imajlarının optimizasyonu https: //wordpress.org/plugins/shortpixel-image- optimize edici eklenti Ücretli resim optimizasyonu: Image Optimizer-https: // Imagify. İo
Bu Video/ses oynatıcı genellikle hız optimizasyonunda göz ardı edilir ve sabitse size iyi bir artış sağlayabilir. Bir kez daha azaltma çok önemlidir. Sitenize gömülü YouTube videolarından en yaygın örnekleri kullanalım. YouTube videolarını gömmenin birkaç yolu vardır, ancak en yaygın kullanılan yol URL’yi WordPress sayfa düzenleyicinize eklemek veya Sematan kodunu doğrudan YouTube’dan almaktır. Bu iki durumda, çıktı sonuçları IFrame içeren videodur. Bu IFrame, videoları yüklemek için YouTube’dan kaynakları çağırmalıdır. Bu çağrı, sitenizde olmadığı için hızlandırılamaz, bu nedenle Lazyload adlı başka bir şey yapmamız gerekir. Bu teknik olağanüstüdür, çünkü ilk sayfa yüklendiğinde yüklemek yerine web sitesi ziyaretçileri tarafından görülene kadar IFrame’nin yüklenmesini bekleyecektir. Evet bebeğim … daha fazla azalma. Aşağıda bunu yapmak için bazı ücretsiz eklentiler var. Lazyload Ücretsiz: BJ Lazy Load-https: //wordpress.org/plugins/bj Lazy-load/ A3 Lazy Load-https: //wordpress.org/plugins/ a3 Lazy- Yük/Easy Lazy Loader-https: //wordpress.org/plugins/easy-lazy-doader/
CSS/JavaScript Dosyası Tamam, burası biraz karmaşık hale geliyor. WordPress ve içine koyduğumuz her şey genellikle CSS ve JavaScript’in çalışması gerekir. Bazı durumlarda, bu dosyalar temiz ve hızlıdır, ancak çoğu durumda değildir. Ağır ve yavaşlar. CSS ve JavaScript dosyanızın azaltılması sizi kesinlikle yere götürecektir. Buradaki tek sorun, bu dosyaların azaltılmasının sitenize zarar verebileceği veya garip görüntüleme sorunlarına neden olabileceğidir. Sitenizdeki CSS ve JavaScript dosyalarını azaltmanın en iyi yolu minifikasyon işlemidir. Minifikasyon (en iyi Minify olarak da bilinir), işlevlerini değiştirmeden tüm gereksiz karakterleri kaynak koddan kaldırma işlemidir. Bu gereksiz karakter genellikle kod okunabilirliğini artırmak için kullanılan ancak bunları yürütmek için gerekli olmayan alan karakterlerini, yeni satır karakterlerini, yorumları ve bazen blok sınırlarını içerir. WordPress için orada bulunan birçok CSS ve JavaScript, dosyanın genel boyutunu azaltmak için minifikasyon için birçok fırsat içerir, bu da tahmin edebilirsiniz, WordPress’i hızlı hale getirecektir. Bunu manuel olarak yapmak mümkün olsa da, bunu yapmamayı şiddetle tavsiye ediyoruz. Aşağıda bunu sizin için yapacak bazı ücretsiz eklentiler bulunmaktadır. Her türlü minifikayı etkinleştirdikten sonra her zaman site işlevinizi kontrol edin. Ücretsiz Minifikasyon Eklentisi: Optimizasyon Otomatik-https: //wordpress.org/plugins/autoptimize/ minimascript-dtps: //wordpress.org/plugins/optimize-javascript/ css minify https: //wordpress.org/plugins/cs/ CS -Optimizer/Hızlı Speed-https: //wordpress.org/plugins/fast-velocity-inify/
2. WordPress parçasını hızlandırmak için talebi azaltmak Bu sürecin Lindsay Kolowich tarafından iyi açıklanabilir.Aşağıdaki kelimelerinizi Hubspot blogundan görün.
“Birisi bir web sayfasını her ziyaret ettiğinde, genellikle budur: bu kişinin web tarayıcısı (chrome, firefox, vb.) Ziyaret etmeye çalıştıkları web sayfalarını yerleştiren web sunucusuna ping – bu durumda web sayfaları açık senin siten. Sunucudan Siteye içerik içeren bir dosya göndermesini istedi. Bu dosyalar web sayfasında herhangi bir metin, resim ve multimedya içerir. Talep HTTP isteği deniyordu. HTTP, dosya istekleri gönderen bir web tarayıcısı için yalnızca lüks bir ad olan “HyperText Transfer Protokolü” nin kısaltmasıdır ve sunucu dosyayı tarayıcıya gönderir (veya “aktarma”). Sunucunuz kullanıcının tarayıcısından bir HTTP isteği aldıktan sonra, sunucunuz yanıt verir ve kullanıcının tarayıcısına dosya gönderir. Kullanıcının tarayıcısı bir web sayfası oluşturur. Sorun şu: Tarayıcının web sitenizdeki her dosya için ayrı bir HTTP isteği yapması gerekiyor. Web sitenizin çok fazla dosyası yoksa, sitenizden içerik istemek ve indirmek uzun sürmez. Ancak çoğu iyi web sitelerinin birçok dosyası vardır. Büyük, yüksek tanımlı görüntüler genellikle suçludur. Sayfadaki bileşen sayısının azaltılması, sayfaları oluşturmak için gereken HTTP isteklerinin sayısını azaltır ve bu da daha hızlı yükleme sayfalarına neden olur. ”
Şimdi bir isteğin ne olduğunu anladıktan sonra, web sayfalarınızın yüklenmesini hızlandırmak için azaltabilir misiniz? Daha fazla hız. Site sayfalarınızı çok fazla resim ile doldurmayın. Her biri sunucu tarafından bir istektir. Ne kadar çok görüntü isteği olursa, sayfa o kadar yavaş yüklenir. Sitenizde onsuz yapabileceğiniz herhangi bir resme dikkat edin ve bu onu silmek ve hız elde etmek için akıllı bir seçim olacaktır. Eklenti … onlar WordPress işlevselliğinin kalbi ve ruhudur. WordPress kullanıcıları, sitelerinin yapabileceği yeni harika şeyleri tanıtmak için sitelerine eklentiler eklemeyi ve eklemeyi eklemeyi ve eklemeyi sever. Tüm bunların kötü kısmı, çoğu eklentinin sitenizdeki tüm sayfalara yüklenebilecek birçok kod eklemesidir. Bu kod, eklenti işlevselliğinin mevcut olmadığı bir sayfaya bile yüklenebilir. Eklenti, WordPress sitesi tarafından deneyimlenebilecek en büyük hız drenajlarından biridir. İyi haber şu ki, bunu kolayca düzeltebilir ve hıza odaklanan bir siteyle yola dönebilirsiniz. Aktif eklenti listenize bakın ve önce her etkin eklentiye% 100 ihtiyacınız olup olmadığına karar verin. Siteniz onsuz hayatta kalıp kalmayacak mı? Onsuz hayatta kalabilirseniz, kapatın ve serbest bırakın. Diyelim ki kullanmanız gereken bir eklenti var, ancak kullanmadan eklenti işlevselliği elde etmek mümkün. Mantıklı değil mi?
Aslında hayır. Bunun iyi bir örneği burada sık sık gördüğümüz şeydir. Google izleme kodunuzu çalıştırmak için Google Analytics eklentisini kullanın. Bunu yapmak için bir eklentiye ihtiyacınız yok. İzleme kodunu birkaç durumda doğrudan tema dosyasına veya tema ayarlarına yerleştirirsiniz. Her zaman eklentilere dikkat edin ve yalnızca sitenizi çevrimiçi geliştirmek için ihtiyacınız olanı kullanın. Yavaş bir eklentiden uzak durun. Aşağıdaki bağlantıda sitenizde çalışabileceğiniz birkaç eklenti listesine bakın.uğu Aşağıdaki WordPress’i yavaşlatan eklentilerin listesine bakın. Sitenizde görüntülenen ve doldurulan bir üçüncü taraf sosyal medya hesaplarının eklenmesini silin Ziyaretçi katılımı ve sevinç, ancak bunu yavaşlatarak. Siteyi hızlandırırken burada sık sık gördüğümüz en kötü şeylerden biri, Instagram’dan içerik alan her şeydir. Bu özel içerik ekranı, oluşturulacak 3. taraf sitesinden birçok kod içermelidir. Tüm bu kodlar, yaşadığı sayfanın yüklenmesini sağlar. Bu, sitenizde görüntülemek için çizdiğiniz diğer üçüncü taraf içeriği için geçerlidir. Instagram’ın yanı sıra bazı yaygın örnekler Facebook, Twitter, YouTube, Vimeo ve aynı zamanda üçüncü taraflar veya katılım sistemi için doğrudan sohbet çözümüdür. Burada yapabileceğiniz en kolay şey sadece 3. taraf içeriğini silmek ve açılış saatinizin anında daha iyi olduğunu görmek. Bu içeriği sitenizde görüntülemek istediğiniz için bu sizin için bir eylem planı olmayabilir.
Yani hızlandırmak için yapabileceğiniz tek şey Lazyload ile.Bunu yukarıdan hatırlıyor musun?Burada kastettiğimiz tembel yük türü JavaScript tembel yükleme.Sadece bunu yapacak bir eklenti görüyor ve kullanıyoruz ve bu hızlı performans.Bu eklenti, bu üçüncü taraf içeriğinin ihtiyaç duyduğu JavaScript dosyasını seçmenize ve yalnızca web sitesi ziyaretçileri tarafından görüldüğünde içermenize olanak tanır.Bu soooo güçlüdür çünkü bu komut dosyası tüm sayfanın yüklenmesini geciktirmez ve talep miktarını azaltır.Bebek Azaltma !!!!!
Aşağıdaki WordPress’i hızlandırmak için efektten sonra yukarıdaki testlerde aynı siteden bir römork var, kıyafetlerimizi açmadan ve azaltmadan önce Boyut sayfaları ve 1 numaralı görevimiz için istekler.Fark nedir ha !!!
