WordPress Sitenizi Oluşturun Uçma: Performans Optimizasyonu Eğitimi
İster müşteriler için çalışın, ister kendi WordPress projenizi geliştirin, hızın önemli olduğunu söylemenize gerek yoktur. Çok. Ve ünlü klişenin aksine, web söz konusu olduğunda gerçekten öldüren bir hız eksikliğidir. Geçiminiz için WordPress’e güveniyorsanız, performans daha iyidir: Sitenin hızını göz ardı edin ve site dönüşüm seviyenizi felç edeceksiniz – ve geliştirme istemcinizin sayfada gösterdikleri bir sayfa yükü beklediğini zaten biliyorsunuz.
WordPress gücü de onun en büyük zayıflığıdır. WordPress teması ve Templant sistemi, web geliştiricilerinin kavrayışından gerçek HTML’yi ortadan kaldırır. Harici kaynakların bir avuç temadan, çocuk temalarından ve eklenti dizininden çekildiği ve daha sonra belgenin kafasına kodlanmak yerine teslim edildiği ve “Bunu nasıl optimize edeceğiniz” için bir tarifiniz var. Neyse ki, iyi haberler var! Web sitesi kaynaklarını manuel olarak manipüle etmenize veya müşterilerden, katkıda bulunanlardan ve editörünüzden medya yüklemesinin ayrıcalığını iptal etmenize gerek yoktur. WordPress’i performans için optimize edebilir ve WordPress’in uğultusunu bilmenizden emin olabilirsiniz.
Steps-Demi-Adımlar: Tartıştığımız gibi WordPress Web Sitesi Nasıl Oluşturulur, WordPress sitelerini maksimum hız için optimize etmek biraz karmaşık olabilir. Öyleyse basitleştirelim. Genel olarak, aşağıdaki tüm kutuları kontrol eden bir optimizasyon stratejisi uygulamalısınız:
Kaliteli bir web ana bilgisayarını seçin
JavaScript ve CSS kaynaklarını optimize edin
Görüntüleri optimize et
Gönderim Adım 1: Kalite Barındırma Seçim Optimize Eşitlik sunmuyor olsak da, bu konuda bazı öneriler sunabiliriz ve CEO’mızın bağlı kuruluş satışlarındaki pozisyonu göz önüne alındığında, görüşümüz gerçekten güvenebileceğiniz barındırma görüşlerinden biridir.
Peki, ne tür bir kaliteli barındırma gibi? Şimdi, güvenlik ve kaynakların kullanılabilirliği uğruna, bu kişiseldir. Bu, WordPress’in ortak bir sunucuda barındırılmaması gerektiği anlamına gelmez, ancak paylaşılan barındırma gelir elde eden web siteleri için doğru yer değildir. Bu, birlikte barındırıyormuşum gibi gelebilir, ama yapmıyorum. Ortak bir sunucuda yayınlanan birkaç özel projem var. Ortak sunucu, yan projeler, hobi siteleri ve benzerleri için iyi bir ucuz seçimdir. Bununla birlikte, günde 1.000 sayfalık ekrandan hoşlanan siteler çalıştırıyorsanız, önemli gelir elde edin veya WordPress veritabanında hassas bilgileri saklarsanız, garantili kaynakların en iyi güvenliğine ve kullanılabilirliğine ihtiyacınız vardır. Buna ek olarak, birçok kaliteli web ana bilgisayar, eklenti tarafından herhangi bir zamanda etkinleştirilen sayfaları yenecek sunucu düzeyinde bir sayfa önbelleği oluşturur.
WordPress Özel bir ev sahibi en iyi seçimdir. Ancak, fiyat aralığınızın dışındaysa, bütçeyi iyi bir üne sahip bir ev sahibinden tasarruf eden VP’ler iyi bir geriye dönük seçenektir. Veya, özel bir bulut sunucusu düşük fiyata hızlı ve kişisel bir ortam sunar ve mevcut WordPress geliştirme topluluğunda birçok olumlu vızıltı üretir. Önde gelen WordPress ana bilgisayarlarından bazılarını test ettik ve karşılaştırdık. Sonuçlara bakın: En İyi WordPress Ana Bilgisayar Adım 2’ye kıyasla: JavaScript ve CSS Kaynaklarını Optimize Edin Kalite ana bilgisayarlarını seçerek ilk hız direncinin üstesinden geldikten sonra, bir sonraki adımınız maksimum performans için CSS ve JavaScript kaynaklarını yapılandırmaktır. CSS ve JavaScript çok. basit:
Kaynakları yalnızca gerçekten gerektiğinde yüklenecek şekilde hareket ettirin.
Boşlukları ve gereksiz çizgileri kaldırarak kaynakları en aza indirin (yani mümkün olduğunca küçük yapın).
Web sitenizi yüklemek için gereken HTTP isteklerinin sayısını en aza indirmek için kaynakları mümkün olduğunca az birleştirin.
Peki bunu gerçekten nasıl yapmaya devam ediyoruz? Peki, daha önce bu konu için tüm öğreticileri adadık ve bu süreci bilmiyorsanız kontrol etmelisiniz, ancak Cliffnotes sürümü şöyle çalışıyor:
Hummingbird yükleyin ve sitenizin harici kaynaklarını yüklemek için bir dosya minifikasyon cihazı (Hummingbird> Minifiation) çalıştırın.
Tüm kaynaklarla orijinal konumunda başlayın, azaltılmamış ve birleştirilmez (Hummingbird’de önce dahil etmeyin).
Birer birer kaynağı altbilgiye taşıyın. Her sitenizi hareket ettirdikten sonra, parlamasız bir içerik yapmadığınızdan (FoUC) yapmadığınızdan emin olmak için kontrol edin. İncil İlk sayfayı orijinal konuma yüklemek veya başlığa aktarmak için gereken tüm kaynakları. Bazı kaynakları bir render engelleme pozisyonunda bırakmak, FoUc üretmekten daha iyidir.
Aynı süreci tek tek takip edin ve mümkün olduğunca çok kaynağı azaltın. Teorik olarak, tüm kaynakları en aza indirebilmelisiniz. Bununla birlikte, kötü kodlanan güç kaynakları bazen azaltıldığında hasar görebilir.
Son olarak, aynı süreci tek tek takip edin ve mümkün olduğunca çok kaynağı birleştirin (dahil edin).
Hummingbird ile, sitenizi hızlandırmak için dosyaları kütle veya ayrı ayrı birleştirebilir ve azaltabilirsiniz.
Evet, bu zamanla ilgili bir süreçtir. Ancak, sonunda, mümkün olduğunca çok kaynağı birleştirip en aza indirecek ve yalnızca ilk sayfayı orijinal konumlarına yüklemek için gereken kaynakları bırakacaksınız. Siteniz düzinelerce komut dosyasına ve harici stil sayfasına bağlıysa, HTTP isteklerini azaltmak sayfa hızı üzerinde dramatik bir etkiye sahip olabilir.
Adım 3: Görüntüyü optimize et “Kurgu” senaryosunu hayal edelim. Büyük görüntülerin sayfa hızında büyük bir engel olabileceğini biliyorsunuz. Böylece, yüklemeden önce her görüntüyü optimize edersiniz. Sonra olağanüstü bir blog editörü getiriyorsunuz, ancak (bilginiz olmadan) görüntü optimizasyonu hakkında talimatlar yok. Üç ay sonra, salyangoz hızlarıyla dolu düzinelerce blog yayınınızın olduğunu fark ediyorsunuz, çünkü yüksek çözünürlüklü megabayt için megabayt yükü altında mücadele ediyorlar. Tüm bu görüntüleri optimize etmek için gereken saatleri tahmin ettiğinizde korku ile dolusunuz. Endişelenmeyin! Bu durum için kolay bir düğme var: Smush. Son adımın aksine, bu adım çok kolaydır. Eklentiyi yükleyin, bazı ayarları yapılandırın ve görüntünüzü toplu olarak yok edin. Buna ek olarak, ayarladıktan sonra Smush, yüklediğiniz yeni görüntüleri otomatik olarak optimize eder. Bu, birçok görüntüsü olan Web sayfalarının hızı üzerinde büyük bir etkisi olabilecek bir DO-IT-IT-IT-FORGE-FORGE-IT optimizasyon tekniğidir. Süreçte adım adım yürümek istiyorsanız, bunu da yapabiliriz: All Megabita’yı öldürün. Ya da belki Smush’ın WordPress için en iyi görüntü optimizasyonu eklentisi olduğunu kabul etmezsiniz. En iyisi olduğunu düşündüğümüz ama emin olmak istediği bir zaman vardı. Bu nedenle, SMUSH’i kıyaslama testindeki diğer popüler görüntüleri optimize eden eklenti ile karşılaştırıyoruz ve sonuçları yayınlıyoruz. Burada kontrol edebilirsiniz.
Önbellek sayfası önbellek sayfası sunucu yükünü ve sayfa açma süresini önemli ölçüde azaltabilir.Her yönetilen WordPress ana bilgisayar, web sitesi dosyasının statik kopyasını sunucudaki biliyorum.Dosya, WordPress başlamadan önce bile isteyen ziyaretçilere iade edildiğinden eklenti tabanlı önbelleklemeyi yendi.
Ana bilgisayarınız varsayılan önbellekleme sunmuyorsa, bir eklenti kullanabilirsiniz. En iyi WordPress önbellek eklentisi hakkındaki yazımıza bakın. Tarayıcı önbelleği, site ziyaretçileriniz aynı kaynakları gerektiren birkaç sayfayı ziyaret ettiğinde tarayıcı önbelleğini hazırlar. Sonuç olarak, önbellek tarayıcısının yaptığı şey ziyaretçinizin tarayıcısını söylemektir: “Mevcut en son sürüm olduğunu söyleyene kadar bu dosyayı kullanmaya devam edin.” Bu, ziyaretçinizin neredeyse anında aynı sayfadan olan ve aynı kaynakları paylaşan diğer sayfalardan daha hızlı yüklenen bir sonraki ekranın tadını çıkaracağı anlamına gelir. Hummingbird, önbellek tarayıcısını etkinleştirmeyi çok kolaylaştırır. Hummingbird takılı olarak, sadece Hummingbird> önbellek tarayıcısını açın, hangi kaynak süresini önbellek olarak ayarlayın (emin değilse, sekiz gün önerisini izleyin), sunucu işletim sisteminizi seçin ve hazırsınız. GZIP sıkıştırma sıkıştırması, fiili endüstrisinin web sitesinin kaynaklarını sıkıştırması için standart bir yol haline gelmiştir. Dosya boyutunu en aza indirmek için bunu yapmak, böylece web sitesinin toplam boyutunu ve kullanıcının tüm bu kaynakları indirmesi gereken süreyi kesmek. Bu, Hummingbird ile ayarlayabileceğiniz ve unutabileceğiniz başka bir optimizasyondur. Sinek kuşu takılı olarak, sadece Hummingbird’i açık>
GZIP Sıkıştırma ve Sıkıştırma Başlat. CDN Entegrasyonu Bir tarayıcı önbelleği ayarlayacak ve CDN kullanacaksanız, tarayıcı önbellek ayarlarınızı CDN’nizle entegre etmelisiniz. CDN Cloudflare hizmeti kullanıyorsanız, şanslısınız. Hummingbird Cloudflare entegrasyonunu içerir, böylece önbellek tarayıcı ayarlarınızı CDN’deki doğrudan WordPress kontrol panelinizden yansıtabilirsiniz. Farklı bir CDN, örneğin MaxCDN veya KeyCDN kullanıyorsanız, yine de Hummingbird kullanabilirsiniz, ancak CDN ayarları panelinize erişerek tarayıcı önbellek ayarlarınızı yansıtmanız gerekir. Ardından, CDN ayarlarınızda, tarayıcı önbelleğinin süresini eşleştirin veya yoksay. İyi anlaşma, değil mi? Bir sinek kuşu yetenekli artı CDN uyumluluğu ile önbellek tarayıcısı. Ama neyin daha iyi olduğunu biliyor musun? Kendiniz bulamıyorsanız, sinek kuşu ayarlarını mükemmelleştirmenize yardımcı olacak WPMU Dev Wpress uzmanlarından 7/24 destek. Her şey sonuçlandırdı … Kulağa çok şey gibi geliyor, değil mi? Kaliteli barındırma olsun. JavaScript ve CSS kaynaklarını taşıyın, birleştirin ve azaltın.
Görüntüleri optimize edin.
Bir sayfa önbellek, önbellek tarayıcısı, GZIP sıkıştırma ve CDN’nizle entegrasyon hazırlayarak gönderimi optimize edin.
Gerçek şu ki, bu çok şey yapmalı. Bununla birlikte, tüm süreci tek bir cümleye basitleştirerek çok basit hale getirebiliriz: yüksek kaliteli yönetilen WordPress barındırma ve Hummingbird ve WP Smush Pro’yu doğru şekilde yapılandırarak WordPress site hızınızı optimize edin. Gerçekten, hepsi bu. Bu üç çivi – barındırma, hummingbird ve smush – ve WordPress web siteniz uçacak. WordPress sitenizi hızlandırmak için başkalarını nasıl kullanarak? WordPress’i hızlandırmak için başka birçok seçenek var. W3 Total Cache gibi eklentiler, Hummingbird ile aynı şeylerin çoğunu yapabilir – kendim söylesem çok daha kötü bir kullanıcı deneyimi ile bile. Ayrıca, açıkçası, Smush’u onlarla karşılaştırmamızı düşünerek diğer görüntüleri optimize etmek için birkaç eklenti var. Ancak, bildiğiniz gibi, sadece bir eklenti şirketi değiliz. WPMU geliştiricisine katıldığınızda, size sadece sinek kuşu ve smush vermekle kalmaz ve şanslı olduğunuzu umarız. Heck, 7 günlük deneme üyeliğimizle ücretsiz olarak veriyoruz!
Hayır, daha fazlasını yapıyoruz. Hummingbird ve Smush’a ek olarak, WPMU Dev ile 7/24 ödül kazananları, WordPress dünyasında şimdiye kadarki en iyi tema üreticileri, WordPress ekosistemindeki benzersiz eğitim sistemleri ve daha fazlasının desteğini alıyorsunuz. Benim için ne faydası var? Demek istediğim şu: birinci sınıf bir eklentiyi WPMU dev ile karşılaştırması, yerel kabine üreticinizi IKEA ile karşılaştırmaya biraz benzer. Tabii ki, yerel halk güzel dolaplar yapar, ancak IKEA iyi bir dolap ve tüm evinizi tamamlamak için ihtiyacınız olan her şeyi yapar. Keşke IKEA kılavuzumuzdan bir sayfa almak isteseydi, o zaman tüm ev mobilyalarını yerel halktan bir mutfak dolabı ile aynı fiyata alabilirsiniz, ancak konuya giriyorum. Gerçekten, daha iyi bir karşılaştırma, WPMU dev ile ne elde ettiğinizi ve diğer WordPress çoklu görme ürün ve hizmetleriyle elde ettiğiniz şeyleri görmektir. Premium Jetpack özellik seti veya Ithemes tarafından sunulan bir dizi ürün ve hizmet gibi insanları düşünüyorum. WPMU Dev ile bu insanlara kıyasla nasıl hız optimizasyonuna bakalım. Eh, gerçekten bir nokta var. Peki, bu karşılaştırmanın anlamı nedir? Açıkçası, Jetpack ve Idehemes, WPMU Dev’in bu bölümde sunduklarıyla eşleşmeye bile çalışmıyor. WordPress’i hız için optimize etmek açısından, temel olarak iki seçeneğiniz vardır:
Çeşitli bağımsız eklentiler bulun ve kullandığınız her site için nasıl lisans verileceğini öğrenin, her eklenti farklı bir lisans yapısına sahiptir.
Sitenizi sinek kuşu ve smush ile optimize edin, mümkün olduğunca çok kullanın, istediğiniz siteyi kullanın, lisanslar hakkında endişelenmenize gerek yok ve sorun olduğunda 7/24 ödül kazananları desteklemenize gerek yok. Performans önemlidir, ancak her şey her şey değildir. . Bununla birlikte, izleme, güvenlik, rezervler ve SEO ile birlikte site performansı, her web geliştiricisi tarafından karşılanması gereken beş temel ihtiyaçtan biridir. Kendi sorumluluğunuzda bu beş temel ihtiyaçtan birini görmezden gelirsiniz ve WPMU devinin bir üyesiyseniz, bunu yapmak için bir neden yoktur. Merkezi olarak yönetilen bir pakette beşi aşmanız için size bir araç veriyoruz. WPMU Dev’in neden WordPress performans çerçeveniz olması gerektiğini ilginç bir durum yaptığımıza rağmen, soru hala “Diğer dört önemli faktörün üstesinden nasıl geliyoruz?” Bu serideki bir sonraki gönderideki cevabı dört gözle bekleyin.
Hiç yavaş yüklenen ve onu yüksek hızda mırıldanan bir web sitesini çevirmeyi başardınız mı? Bunu nasıl yaptın? Bilgeliğinizi ve deneyiminizi aşağıdaki yorumlar bölümünde bizimle paylaşın!
Etiket:
sinek kuşları
göstermek
