Elementor sitesi yükü nasıl daha hızlı hale getirilir

sanatçı
Bu video, öğelerinizin veya web sitelerinizin hızını artırmak için ihtiyacınız olan araçları, ipuçlarını ve teknikleri tartışır. Bu video örneğinde, Web Sitesi Elementor’un hızını 3.4 saniyeden 1.4 saniyeye çıkarıyoruz. Yani bunu nasıl yapacağınızı öğrenmek istiyorsanız, bu sizin için bir öğreticidir. Bu yüzden sadece çalıştıracağız, umarım bu video yaklaşık bir saattir ve bu size web sitenizin hızını ve performansını artırma hakkında bilmeniz gereken her şeyi öğretecektir. Pekala, önce, web sitenizin yükleme süresini neden gerçekten artırmak istediğinizi tartışmak istiyorum. Web sitenizi şimdi açın, URL’yi tarayıcıya girin ve uygun. Web sitesinin yüklemek için zamana ihtiyacı varsa ve orada oturuyorsanız ve siz düşünüyorsanız ve gerçekten yükleme süresine odaklanıyorsanız, bunun biraz fazla uzun olduğunu düşünüyorsunuz.
Bu, şirketimde veya web sitemde veya işimde iyi bir görünüm değil, bu yüzden kesinlikle web sitenizin performansına odaklanmak istiyorsunuz. Tartışabileceğimiz birçok istatistik var. Ve şimdi size neden web sitenizin daha hızlı yüklenmesini istediğinizi göstereceğim. Yani bu Neil Patel’de. O bir SEO. Ve burada oldukça külfetli bazı istatistikler var. İlk olarak, hücresel internet kullanıcılarının% 73’ü kullanımı çok yavaş web siteleri bulduklarını söylüyor. Ve sonra tüketicilerin% 47’si bunun iki saniye veya daha kısa sürede yüklenmesini bekliyor. Ve sonra üç saniyeden fazla sürerse, insanların% 40’ı web sitesinden ayrılacak. Yani, küçük bir kasabada bir tappersiniz ve web sitenizde 100 kişi alabilir ve 100 kişiden 10 kişi potansiyel müşteriye dönüştürüldü. Bu yüzden 10 kişinin% 40’ını azalttı, çok fazla değil, altı kişi ve bir olasılık olabileceğini bilen altı kişi kaldı, olmayabilir, ancak web sitenizi terk eden dört kişi lider olacak. Çok para kaybediyorsun. Bu nedenle ve bu, küçük bir kasabadaki küçük bir hizmet web sitesinin küçük ölçekli bir örneğidir, ziyaretçi sayısını artırırsanız veya ayda yapabileceğiniz potansiyel müşterilerin sayısını artırırsanız, gerçekten çok fazla kaybettiğinizi göreceksiniz. Web siteniz hızlı yüklenmezse para. Ve çevrimiçi görebileceğiniz ve görebileceğiniz birçok istatistik var. Ama bu ana şey.
E-Niaga web sitesi günde 100.000 dolar üretiyorsa, bir saniye sayfanın gecikmesi size 2,5 milyon dolar zarar verebilir.O zaman bu Amazon ve Walmart’tan.Bu kişilerin her ikisi de web sitelerini yükleme zamanını artırır ve satışları kapalıdır.Bu nedenle, WordPress ile yapılan Elementor sitenize gelirken hıza odaklanın çok önemlidir.Elementor’un kendisi harika bir araçtır çünkü gerçekten istediğiniz her şeyi inşa etmenizi sağlar.Gördüğünüz gibi, bu web sitesini Elementor ile burada oluşturuyoruz, Elementor şablonunu kullanıyoruz ve bu aslında optimize etmek için kullandığımız web sitesi olacak, bu nedenle bu web sitesini size ajansımızın web sitesini nasıl optimize ettiğini göstermek için kullanacağım.
Ama Elementor ile istediğiniz her şeyi gerçekten inşa edebilirsiniz. Ancak, Elementor eksiklikleriyle geldi. eleman. Bir numara, kodlanmış çıktı açısından şişmek için yeterlidir. Böylece süper temiz olmayan birçok kod üretir. Ve bu nedenle, bu, web sitenizin yükleme süresini artırabilir. Yani kutunun dışındaki elementler veya en hızlı değil ve inşa ettikten sonra web sitenizin gerçek hızına odaklanmalısınız. Ayrıca Elementor, istediğiniz her şeyi inşa etmenizi sağlar. Böylece bunu inşa edebilirsiniz, çılgın bir şey inşa edebilirsiniz, daha basit bir şey inşa edebilirsiniz, ancak bu, istediğiniz her şeyi oluşturmanıza izin verdiğinden, web sitenizi oluştururken biraz dikkatli olmalısınız ve düşünmeniz gerekir, bu benim web sitemi yapacak mı? Daha yavaş yük ve bu web sitemi daha yavaş yüklerse, bu uygulanabilir mi? Bu nedenle, web sitenizi performans açısından oluştururken düşünmeniz gereken sürekli bir ticarettir. Bu benim satışlarımı artıracak mı? Bu benim satışlarımı azaltacak mı? Bu beni daha güvenilir hale getirecek mi yoksa bu daha fazla ziyaretçiyi kaybetmemi sağlayacak mı? Yani bu gerçekten bir hata. Ve tahterevalini dengelemeye çalışacaksınız.
Bu nedenle, her zaman Elementor’da ne inşa ettiğinizi düşünmelisiniz.Gördüğünüz gibi, bu varsayılan element şablonlardan kullanılır.Bu yüzden her şeyi inşa etmedik, ama buraya birkaç şey ekledik.Ayrıca, Elementor’u hız için optimize etmek için kullanacağımız bir sayfa ve web sitesidir.Gördüğünüz gibi, bu web sitesinde kullandığımız sadece iki eklenti Elementor ve Elementor Pro’dur ve bu web sitesinde kullandığımız tek tema Hello Elementor.Bu, optimize etmeye başladığımızda takip edebileceğiniz iyi bir temel Elementor web sitesi verecektir.Öyleyse doğrudan içine girelim.
Elementor sitenizin hızını optimize ederken odaklanmanız gereken ilk şey barındırma. Hosting ve Elementor hakkında konuşurken, orada birçok yanlış bilgi var. Ve bu konuda rehberlik arayan birçok insan var. General Reddit Elementor Group ve WordPress’te çok şey gördüm. İnsanlar soruyor, hangi ev sahibinde olmalıyım? Godaddy kullanmalı mıyım? Bluehost’u kullanmalı mıyım? Başka bir şeyde olmalı mıyım? Oh, birlikte barındırmayı kullanıyorsanız ve bundan çıkabilirseniz, o zaman ondan çıkmalısınız. Hosting satın almayı düşünüyorsanız, paylaşılan barındırmayı düşünmemelisiniz. Ve bunun nedeni, paylaşılan barındırma, diğer barındırma tekliflerinden daha yavaş olmasıdır. Ve fiyat şimdi neredeyse aynı. Bu yüzden size ana bilgisayar seçimimiz, Cloudways arasında bir karşılaştırma göstermek istiyorum ve küçük bir Cloudways ve ev sahibi birlikte Bluehost hakkında daha fazla bilgi edeceğim. Bu yüzden Bluehost muhtemelen en çok ilan edilen ev sahibi, bir bağlı kuruluş programı var. Ve eğer insanlar başkalarını Bluehost’a atıfta bulunurlarsa, 65 dolar üreteceklerdir. Yani bu Bluehost her yerde. Ve birçok insan yeni başlıyor, Bluehost’un onlar için iyi bir seçim olduğuna inanmak için tuzağa düşüyor.
Ve bazı durumlarda, bu süper temel bir web sitesi için iyi bir seçim olabilir.Ancak öğelerle oluşturulan web siteleri, etkili bir şekilde yayınlanmasını gerektirir.Ve bunun nedeni, arkada çok eksiksiz bir titrek bahçe yapımı aracı olan bir numaralı, bir numaralı içermesidir.Ve ön tarafta, geçişler, yüksek çözünürlüklü görüntüler, menüler, bunun gibi şeyler gibi birçok özelliğe sahip çok iyi tasarlanmış bir sayfa içerir.Elementor’da temel bir şey inşa etseniz bile bu bir temel sayfa değildir.Kod çıkışı temel değil.Ve yüklemek için işlem sürecini gerektirir.Ve size barındırma bu değil.Birlikte barındırma, Elementor’u hızlı bir şekilde yüklemek için ihtiyacınız olan kaynakları sunmaz.Ve eğer bunların hepsi başınızın üstünde olursa, şimdi size bir dizi sayı göstereceğim.
Bu, Cloudways’e WordPress web sitemizi yükleme zamanı.Ve bu, WordPress sitemizi test etmek, yüklemek, yüklemenin yavaş olmasına neyin neden olduğunu teşhis etmek ve daha sonra her şeyi düzeltmek için kullanacağımız alandır.Yani web sitemiz şu anda yayınlandı, gördüğünüz gibi, skor Google sayfası hız bilgilerinde 100 üzerinden 68’dir.Ve bu bizim laboratuvar verilerimiz.Bu videoyu çekeceğiz, esas olarak Veri Laboratuvarı Hız Dizini altındaki hız dizinini göreceğiz, web sitenizin yükleme süresinin genel boyutunu sunuyor.Bu, sayfanın içeriğinin ne kadar hızlı doldurulduğunu gösterir.Yani bu, burada olan her şey arasında mutlu bir medya gibi.Ve bu sayfanın tamamen yüklenmesinin 2.8 saniye sürdüğü söyleniyor.Evet, etkileşime sağlam görünen zaman dolu, ancak hız endeksine bakıyoruz.Bu sayfanın yüklenmesi 2.8 saniye sürer.
Yaptığımız şey, bu web sitesinin tüm kurulumunu alıyoruz. Bu yüzden sayfanın arkasında gösterdiğim her şey, iletişim sayfası ve bu web sitesinin mükemmel bir kopyasını üreten WP Taşıma adlı bir araç kullanıyoruz. Ve bu web sitesini alıyoruz ve Bluehost kurulumuna yüklüyoruz. Ve umarım hız veya güç veya başka bir şey gerektirmeyen doğrudan gelişim için umarız. Artık gerçekten kullanmıyoruz, ama hala var. Bu web sitesini aldım, tamamen kopyaladım ve sonra Bluehost’a koydum ve sayfayı göstereceğim, blogumuza yükliyoruz. Yani ana bilgisayar farklı olması dışında bu doğru kopya. Bu Bluehost sunucusunda ve ne yapıyoruz PagePeed Insights aracılığıyla geri koşuyoruz. Yani bu burada aynı sayfa.
Ve görebilirsiniz, bu sayfanızın tanımlanmasıdır. Ve biz Bluehost’tan geçiyoruz. Ve daha kötü bir hız endeksi elde ediyoruz. Bu nedenle, 2.8 saniyelik yükleme süresine kıyasla, bu 3.4 saniye sürer. Gördüğünüz gibi, bu aynı sayfa. Ve biraz daha kötü bir puan var. Ancak burada görülmesi gereken ana şey, aynı sayfadaki 2.8 saniyeye kıyasla 3.4 saniyedir. Ve bu oldukça temel bir web sitesi, ek eklentiler yok. Sayfalarda animasyon dışında özel bir özellik yoktur. Size göstermeye çalıştığım şey, birlikte barındırmanın satın almanın satın almadan daha yavaş olması, şirket barındırması ve size birkaç saniye içinde hangi cloudways’i daha yavaş göstereceğim ve bu aynı zamanda eklentiler için çok büyük bir web sitesi, Hello Elementor temaları. Geçişli Temel Elementor Sayfası. Bu, eklentiler, üç sayfa, bunun gibi şeyler olmadan 3.4 saniye içinde yüklenirse, paylaşılan barındırma, hız artar, böylece web sitenizi daha büyük ve daha büyük oluşturduğunuzda ve daha fazla insan onu ziyaret etmeye başladığınızda ve Aynı anda birkaç kişi, bu hız endeksi katlanarak artacaktır. Ve daha yüksek hız endeksi daha kötüdür çünkü sayfa bu kadar hızlı yüklenir. Böylece, paylaşılan barındırmanın dış faktörler olmadan geliştirme ortamındaki temel web sitesinde daha kötü olduğunu görebilirsiniz. Ama sonra bir web sitesinin gerçek dünya unsurlarını eklediğinizde, daha kötüdür.
Yani Bluehost’ta olmak istemezsiniz, insanlar size ne derse desin Godaddy’de olmak istemezsiniz. Ve size sadece dönüşüm başına 65 dolar ödendiği için söylediler. Bu yüzden önerdiğimiz ev sahibi Cloudways. Cloudways’i tüm ajans web sitelerimizde kullanıyoruz, tüm sitelerimizde Cloudways kullanıyoruz ve görebileceğiniz gibi, bunları tüm ajans web sitemizde kullanıyoruz, bunları tüm müşteri web sitelerimizde kullanıyoruz. Ve Cloudways, web sitenizi şirket seviyesi bulut barındırmasında kolayca barındırmanıza olanak tanıyan bir ana bilgisayardır. Ve bu, web sitenizi AWS, DigitalOcean Google Compute Engine tekliflerine gönderebileceğiniz anlamına gelir. Ve bu çok iyi bir özellik, iyi yönetilen, iyi yönetilen bir ev sahibi. Böylece beş bulut sağlayıcısında çalıştırabilirsiniz, istediğiniz kadar WordPress örneği yükleyebilirsiniz. Bu şirketten destek yönü olağanüstü. Bir ajans olarak, PHP hakkında daha birçok soru soruyoruz ve cevap veriyorlar ve genellikle bizim için bir şeyler yapacaklar. Barınmaya geldiğinizde istediğiniz şey bu. Yönetilen güvenlik, otomatik rezervler, gerçek zamanlı izleme, doğuştan gelen CDN ve bunun gibi şeyler alırlar. Yani büyük bir ev sahibi. Bunu yürekten tavsiye ediyoruz. Fiyat söz konusu olduğunda. Bu ana bilgisayarı Bluehost veya Godaddy ile karşılaştırırsanız, aslında fiyat neredeyse aynıdır. Yani, bir Bleehost temel kurulumu satın alırsanız, ayda yaklaşık 7 dolara mal olur. Bu, en temel paket için ayda yaklaşık 10 $ tahsil edilecektir.
Ve bu, Elemental Web Sitesinin bireysel kurulumu için oldukça iyidir. Böylece DigitalOcean, Linode, Vultr, AWS, Google Cloud’da yayınlayabilirsiniz. Tüm web sitelerimizi DigitalOcean’da yapıyoruz çünkü burası en ucuz paket. Ve diğer şirketlerin sunduklarına gerçekten ihtiyacınız yok. Yalnızca temel öğeler veya web siteleri yaparsanız, kullanıma göre ödeme yapın. Yani her ay bir yılın önünde ödeme yapmak yerine toplanırsınız, bunun gibi şeyler, diğer ana bilgisayarlar tarafından yapılacak. Ve ücretsiz olarak başlayabilirsiniz. Böylece, kredi kartı bilgileri olmadan, bunun gibi bir şey olmadan üç gün boyunca ücretsiz bir deneme yapabilirsiniz. Ve ayrıca, bu şirketi sevdiğimiz için, bu şirketle ortaklık kuruyoruz ve ilk ay barındırmanız için% 30 indirim alabilirsiniz. “İzotopik” kodu girerek aşağıdaki açıklamada bir bağlantı vardır. Bu ev sahibi bu web sitesi ve diğer tüm web sitelerimiz için kullanıyoruz. Ve bu sunucuyu kullanmamızın nedeni, bu ev sahibinin önde gelen sektörde, iyi bilinen markalarda, veri merkezlerinde ev sahibi olmamıza izin vermesidir. Ek şirketler tarafından kullanılan iyi donanım kullandığımız için iyi performans elde ediyoruz. Bluehost sunucusu ile karşılaştırıldığında, bu çok zordur çünkü özel bir RAM, özel bir çekirdek işlemci, 25 gigabayt SSD depolama ve ayda 10 $ için bir terabayt her ay faturalandırılır. Bu şirketi kullanıyoruz ve bu şirketi de kullanmanızı öneririz. Dolayısıyla bu öğretici, depolama sağlayıcılarının temeli olarak Cloudways’i barındıran bir web sitesi kullanır.
Pekala, umarım size neden Cloudways’i kullandığımızın, neden web sitenizin Elementor’unuzun hızını artırmak istediğinizi ve bunun gibi şeyleri iyi bir resim sunar. Hızlı olduğumu tanıtmak için, sadece WordPress ile inşa eden ajansın kurucusuyum ve WordPress web sitemizin yaklaşık% 50’si Elementor ile yapıldı. Ve bu nedenle, Elementor ile bir performans sorunu olduğunu görüyoruz. Bu yüzden performansı tamamlamanın en iyi yolunu buluyoruz. Burada paylaşacağım şey bu, ajansımın Elementor performansı açısından yaptığı şeyi paylaşacağım. Bu yüzden bir web sitesi oluşturduk ve sonra profesyonel bir WordPress sayfa optimizasyon hizmetimiz de var. Ve bu videoda göstereceğim teknik temel olarak bu hizmetle yaptığımız şeydir. Yani bu hizmet temelde içeri giriyor ve tam olarak burada göstereceğim gibi yapacak. Ayrıca, WordPress PagesPeed’e bir kitap yazdık. Eğer Amazon Calm’a giderseniz ve sonra WordPress PagesPeed yazın. WordPress PagesPeed üzerine yazdığımız kitap ortaya çıkan ilk şeydi. Bu konuda bir kitap yazdık. Bu, web sitenizin performansının nasıl iyileştirileceğine dair bir adım -adım kılavuzdur. Ve aşağıdaki bağlantımız var. Ayrıca Elementor web siteleri oluşturma hakkında kitaplar yazıyoruz. Yani, bu web sitemize unsurlar oluşturma hakkındaki diğer kitabımız. Ve bu aşağıdaki bağlantı. Dolayısıyla, artan sayfalar ve performans hızı ve Elementor web sitesi ile ilgili her şey açısından ajansımızın sahip olduğu çok fazla bilgi var.
Temelde sizinle paylaşacağım şey bu. Bu videonun bir sonraki bölümünde. Ajans olarak tanımladığımız her şeyi, WordPress ile bir web sitesi oluşturmak için dört yıldan fazla bir süredir paylaşacağım ve web sitesinin% 50’si öğelerle inşa edildi. Sadece kullandığımız tüm araç ve tekniklerle paylaşacağım. Ve bu tam olarak bir ajansta yapacağımız şeydir. Ama bunu basit ve anlaşılması kolay bir öğretici olarak yapmaya çalışacağım. Bu nedenle, yeni başlayan olsanız bile, umarım en azından aracı takip edebilir ve kontrol edebilir ve web sitenize yükleyebilir ve hızı artırıp artıramayacağınızı görebilirsiniz. Bu yüzden bu konuyu size basit ve anlaşılması kolay bir şekilde tanıtmaya çalışacağım. Tamam, hadi öğreticiye gidelim. Umarım giriş çok uzun değildir, ancak umarım size birkaç arka plan ve dikkat gerektiren şeyler verir. Bu videonun başında görebileceğiniz gibi, temel performans puanlarını ve web sitemizi yükleme zamanı tanımlamak için PagesPeed Insights kullanıyoruz. PageSpeed’in içgörüsünü kullanmamızın nedeni, anlaşılması kolay olması ve web sitenizin yükleme süresinde neyin yanlış olduğunu vermesidir. Metric GT, Pingdom, Fast veya Later adlı yeni bir araç gibi başka araçlar da var. Ve tüm bunlar bu video açıklamasında bağlantılıdır. Ancak PagePeed kullanmamızın nedeni, kullanımı çok kolay olması, endüstrinin onu kullanması ve size geliştirilmeye odaklanmak istediğiniz şeylerin bir listesini vermesidir. Bu çok basit bir araç.
Ve bu sadelik, kullanımı kolay, anlaşılmasını kolaylaştıran ve daha sonra tanımlanması ve tanımlanan problemleri düzeltmesini kolaylaştıran şeydir. Dışarıda başka araçlar da var, başka araçlar size daha fazla güç sunacak, ancak Elementor yükünde daha hızlı yaptığınız web sitesini yapmak istiyorsanız, bu bunu yapmak için iyi bir yoldur. Böylece, web sitesi adresinizi buraya girersiniz, analiz düğmesini tıklarsınız ve bir rapor üretmek için birkaç saniye sürer ve ne yaptığını, Deniz Feneri adı verilen bir temel yangın kullanır. Deniz Feneri, Google tarafından oluşturulan bir performans optimizasyon aracı ve web sitesi denetimidir. Ve bu aynı zamanda bir googlelopersgoogle.com web sitesidir ve web sitenizi alacak ve tüm testleri boyunca çalıştıracak ve ardından bu raporu gösterecektir. Ve ilk hücresel raporu yayınladı. Ve sonra bir masaüstü raporu açabilirsiniz ve bu iki yöne odaklanacağız. Ama önce masaüstü raporlarına odaklanacağız. Yani, bu web sitemizin adresidir. Gördüğünüz gibi, bu, bu video için özel olarak oluşturduğumuz Burger web sitesi, size burada tüm metrikleri anlatacak, size fırsatı söyleyecek ve size teşhis söyleyecektir, o zaman size geçmişi denetleyecektir. Ve bu, deniz feneri tarafından yapılan bunu gösterecek. Yani buraya odaklanmak istediğimiz şeyler bir numara, tüm bu metrikler.
Odaklandığımız ana metrik hız endeksidir ve web sitesini gerçekten optimize edene kadar yukarı ve aşağı gidecek, o zaman en büyük boya içeriği, o zaman etkileşimli, sonra ilk boya içeriği. Tüm bunlar burada daha fazla araştırılabilir. Bu, tüm bu metriklere yazdığımız blog girişine bu video açıklamasındaki bir bağlantı koleksiyonudur. Ancak sadece bu video için hız endeksini göreceğiz. Bu yüzden web sitesi hız endeksimizi artırmak istiyoruz. Ve bunu kaydırarak ve fırsatları görerek yapacağız. Ve bu öneri, sayfanızın daha hızlı yüklenmesine yardımcı olur, performans puanını doğrudan etkilemez ve bu performans puanınızdır. Ayrıca dikkate alınması gereken şey, bu puan konusunda çok endişelenmemeniz gerektiğidir. Bu, “Hey, web siteniz biraz yavaş yükleniyor, hey, web siteniz biraz hızlı yükleniyor.” Ona puan yukarı ve yukarı itmek istemezsiniz. Odaklanmak istediğiniz şey hız endeksi, yükleme süresini iki saniyeden daha az hedeflemek istiyoruz. Bazen web sitesinin oluşturulması mümkün değildir, ancak hız endeksini mümkün olduğunca en iyi artırmaya çalışacağız. Yani bunu [duyulmamış] istiyoruz. Ve bunu gerçekten umursamıyoruz. Bir kez daha, hız endeksini daha fazla önemsiyoruz. Web sitemizi optimize etme şeklimiz, PagePeed raporunun tetiklediği fırsatlara bakmaktır. Burada görebileceğiniz gibi, yeni nesil formatta görüntüleri arayın ve bu size yeni nesil formatta sunmak istediğiniz tüm görüntüleri verir.
Bu, ilk sunucu yanıt süresini azaltmanızı söyler ve bunun nedeni muhtemelen sayfamızın ve optimize etmenin, oluşturma engelleme kaynaklarını ortadan kaldırmak istediğinizdir. Ve bu size kaldırmak istediğiniz tüm CSS dosyalarını söyler. Ve sonra size görüntünün boyutunu doğru bir şekilde söyleyin. Bu öneriden yapabileceğiniz şey, Photoshop’a koyarak ve boyutunu bu doğru boyutlandırılmış kimliğe uyacak şekilde değiştirmek için her şeyi manuel olarak ve görüntünüzün boyutunu doğru bir şekilde girmek ve yapmaktır. Ayrıca, tüm bu CSS sayfalarını alarak, tüm CSS’yi diğer sayfalara kopyalayıp ekleyerek, kullanılmayan tüm CSS’yi silerek, ardından PHP kod snippet’lerini yükleyerek bireysel CSS’den yükleyerek, oluşturma düğmesinin kaynağına devam edebilir ve ortadan kaldırabilirsiniz. Ayrıca burada tanımlanan diğer tüm şeyleri yaparak sunucu yanıt süresini de azaltabilirsiniz. Bu yeni nesil formatı, her şeyi P. web’e dönüştürmek için komut satırınıza bir şey yükleyerek de sunabilirsiniz. Ancak bu çok karmaşıktır. Az önce söylediğim her şey başının hemen üstünde olabilir. Bu karmaşık, manuel, uzun zaman alıyor ve bunu yapmanın bir anlamı yok. Yapmak istediğiniz şey bu fırsatı aşmaktır, ancak web sitenizi hız için nasıl optimize ettiğiniz konusunda akıllı olmak istiyorsunuz. Bir ajans olarak, WordPress performansını optimize etmek için üç ana aracı kullanıyoruz. Bu üç araç birlikte çalışır. Ve burada neredeyse tüm fırsatları çözüyorlar. Ve size bu fırsatı doğrudan burada nasıl ele alacağınızı göstereceğim.
Tüm fırsatları çözüyorlar ve web sitenizi daha hızlı yüklüyorlar. Pekala, bu eğitimde kullanacağımız üç ana araç aşağıdaki gibidir. Asset Cleanup Pro adlı bir eklenti kullanacağız. Ve bu bir performans WordPress eklentisidir. Ve önbellek eklentisi ile yakın çalışır. Ve yaptığı, bu, belirli CSS ve JavaScript, sayfalar oluşturan komut dosyalarını devre dışı bırakarak web sitenizin daha hızlı yüklenmesine yardımcı olur. Ve bu sayfada kullanılmayan tek tek komut dosyalarını devre dışı bırakabilirsiniz, bu da daha az veri yükleyeceğiniz ve daha az veri yüklediğiniz anlamına gelir, sayfanız o kadar hızlı yüklenir. Ve performans açısından, daha az veri yüklemeye ve daha sonra verileri diğer yöntemlerden daha hızlı yüklemeye odaklanmak istediğiniz iki ana şey. Dolayısıyla, daha az veri yükleyerek ve daha hızlı bir yöntemle veri yükleyerek, sayfanızın performans süresini artıracaksınız. Burada birçok özellik var ve arkada göstereceğim. Ücretsiz bir sürüm var ve profesyonel bir sürüm var. Pro sürümü sevmemizin nedeni, bunun tek tek eklentileri işlememize izin vermesidir. Bu, tek tek komut dosyasını eşzamansız yüklememize veya ertelememize olanak tanır ve daha sonra komut dosyasını hareket ettirebiliriz ve bunu neden bu eklentiyi nasıl kullanacağımı tartıştığım diğer bölümlerde yapmak istediğimizi açıklayacağım. Bu nedenle, açıklamaya bağlı olan bu eklentinin Pro sürümünü kullanıyoruz. Ücretsiz sürümü de kullanabilirsiniz, ancak bu öğreticide bahsettiğimiz bazı şeyleri yapamazsınız.
Elementor sitesinin performansını artırmak için kullandığımız ana eklenti, Rocket WP adlı bir eklentidir. Ve WP roketi, web sitenizi hızlandırmanıza izin verir. Bu bir önbellek eklentisidir, aynı zamanda eksiksiz bir performans eklentisidir. WP roketi, sayfanızı önbelleğe almanızı sağlar. Temel olarak önbelleğin ne yaptığı önbellek, web sitenizin statik dosyasını üretir. Ve sonra ziyaretçiler dosyaları doğrudan yüklemek yerine statik dosyalar yükler. Ve bunu yaparak, sunucuya bağlanması gerekmediği için daha hızlı yüklenecektir. Önceden önbellek yükleyebilirsiniz, bireysel dosyalarınızı sıkıştırabilirsiniz. Ve sonra görüntüye odaklanabilirsiniz. Ve tüm bu özellikleri tartışacağım. Ancak tüm bu özellikler web sitemizin daha hızlı yüklenmesini sağlayacaktır. Bu eklenti yılda 49 $ değerinde. Ve burada bahsettiğimiz eklentilerden biri için para harcayacaksanız, bu eklenti bu olmalıdır. Web sitenizin daha hızlı yüklenmesini sağlayan şey budur. Bu, web sitenizin de daha hızlı yüklenmesini sağlayacaktır. Ancak bu, ajansımızda yaptığımız performansın optimizasyonunun belkemiğidir. Bu, sayfayı gerçekten daha hızlı yüklemek için kullandığımız başka bir şey. Daha sonra bu öğreticide kullanacağımız diğer eklentilere perfatters denir. Perfmatters çok basit, çok hafif eklentiler, bence kod 50kb. Ve bu, varlıkları temizleme gibi web sitemizin belirli unsurlarını etkinleştirmemizi ve devre dışı bırakmamızı sağlar. Ve bu bize tartışacağım bazı özel araçlar veriyor. Ve bu özel araç, tüm web sitelerini daha hızlı yüklemek için kullanılacaktır.
Yani bu eklenti tüm web sitesi, oldukça fazla senaryo yöneticisi. Bu, web sitesindeki her şey için eksiksiz bir optimizasyon aracıdır. Ve sonra bu araç bu özel sayfaya girmemize ve daha hızlı yüklenecek şekilde optimize etmemize izin verecektir. Bu yüzden bunu ana sayfanın en kısa sürede yüklenmesi için ana sayfada kullanacağız. Pekala, bunlar kullanım için önerdiğimiz üç eklenti ve öğreticimiz tarafından kullanılacak olan budur. Şimdi size WordPress sitesine her bir eklenti yükleme ve kullanma şeklimiz boyunca rehberlik edeceğim. Ve bu öğreticinin geri kalanı olacak. Ve sonra öğreticiden, kendi Elementor sitenizi hızlandırabilmelisiniz. Şimdi sahip olduğumuz şey, bu videonun başında tanıtılan Elementor üzerine inşa edilen Elementor sitesi, mevcut eklenti Elementor ve Elementor’dur. Pro, sayfamız ve ben bu sayfanın hızını 64 ila 68 civarında performans puanlarımızdır. Hız endeksimiz 2,8 ila 3.1 civarındadır. Ve görmemiz gereken hücresel skor 100’ün 22’sidir ve hücresel yüklenmesi 11 saniye sürer. Ve bir kez daha, bu bize bu videoda tartışacağımız tüm fırsatları gösterecek. Ve ayrıca masaüstü 71 hız endeksi 2.2’dir. Görüntüleri yeni nesil formatta sunmamız gerekiyor. Gördüğünüz gibi, bu oldukça iyi bir performans. Zaten, çünkü Cloudways kullandık. Bu nedenle, bulut yolunu kontrol etmeniz gerekir. Ücretsiz denemeler, “Isotropic” ile% 30 indirimli kredi kartı olmadan açıklamada bir bağlantıdır.
Pekala, yapacağımız ilk şey üç eklentiyi yüklemek. Ve sonra eklenti yüklendikten sonra her eklentiyi yapılandıracağız. Ve sonra neredeyse EWWW Image Optimal adlı dördüncü eklentiyi kullanacağımızı unuttum. Ve bu araç, görüntüleri yeni nesil formatta sunan bu performans fırsatını doğrudan işleyecektir. Ve bu araç aslında ücretsiz. Ve bunu çok hızlı bir şekilde tanıtmak istiyorum çünkü bu araç hakkında bazı düşünceler var. Böylece bu araç, resimlerinizi çekmek, boyutunu daha küçük bir boyuta değiştirmek, sıkıştırmak ve daha sonra orada olan formatı değiştirmek için sunucunuzdaki kaynakları kullanır, bu da genellikle JPEG veya PNG olan ve bu biçimi alır ve Web’i alır P. Bir sonraki gen formatında P ve bir milyon kat daha hızlı yüklenir, “gerçekten değil.” Ancak JPG veya PNG veya başka bir şeyden çok daha hızlı yükleniyor. Bu eklentinin hafif bir tartışması vardır, çünkü bazı barındırma sağlayıcıları bu eklentiyi engelleyecektir, çünkü kaynaklarınızı sunucunuzda kullanır, böylece sunucunuzdan RAM ve CPU görüntüyü değiştirir. Ve görüntüyü değiştirdiğinizde, kaynaklarda çok yoğundur. Cloudways kullanıyorsanız, bunu yapma gücünüz var. Kendi sunucunuzu çalıştırıyorsunuz. Çok eğlenceli, bu eklentiyi çok kolay, çok basit kullanabilirsiniz, bu ücretsiz bir eklentidir. Cloudways kullanmazsanız, bu eklentiyi kullanmak istemeyebilirsiniz, resim eklentisi gibi bir şey kullanmak isteyebilirsiniz.
Diğer eklentiler resimleri optimize edecek, ancak bunu kendi sunucularında yapacaklar ve tüm işleme performansını veya benzerlerini azaltacaktır. Yapacakları şey platformlarına resim göndermek, platformları resmi optimize edecek ve daha sonra her bir ana bilgisayardaki izin verilen web sitenize bir resim gönderecektir, ancak başka bir kaynak kullandığınız için ödeme yapmanız gerekir. Yani işlev gören tek ücretsiz çözüm budur. Ödemeniz gereken başka bir çözüm. Cloudways kullanıyorsanız, bu sizin için mükemmel bir araçtır. Başka bir şey yapıyorsanız, bu muhtemelen sizin için mükemmel bir araçtır. Muhtemelen değil. Pekala, bunların hepsi bizim eklentilerimiz. Gördüğünüz gibi, WordPress Rocket, Perf Matters, EWWW, Acit Cleanup Pro etkinleştirilmiyor çünkü sadece bir web sitesi için lisansım var. Ama bunu istediğim diğer web sitelerine yükleyebilirim. Pekala, temelde web sitemizin optimizasyonuna hemen gireceğiz. Optimize edeceğimiz ilk araç WP roket ve WP roketinin web sitemizin hızını artıracağıdır. Gördüğünüz gibi, her şey kuruldu. Ve önce otomatik olarak önbellek içerir. Bu eklentiyi yüklediğinizde, önbellek otomatik olarak optimize edilir ve etkinleştirilir. Göreceğimiz birkaç şey daha var. Bu yüzden hücresel bir önbellek hazırladık. Yapacağımız başka önbellek ayarları yok. Önbellekleme ve neden istediğiniz hakkında daha fazla bilgi edinmek istiyorsanız, aşağıdaki açıklamaya bağlı birçok çevrimiçi makale vardır.
Ancak önbellek temelde web sitenizi en basit anlamda daha hızlı hale getirir. Yapacağımız bir sonraki şey dosya optimizasyonu. Bu yüzden HTML’yi küçülteceğiz ve bu, dosya boyutunu daha küçük hale getirmek için tüm boşlukları ve yorumları siler. Ve bir kez daha, dosya boyutu daha küçük, daha az veri yüklü, daha hızlı yükleme web siteleri. CSS dosyasını küçülteceğiz ve bu bir uyarı ve uyarı, web sitesine zarar verdiğimi söylüyor, ancak web sitesine zarar verirsek bu riski alacağız, yapabileceğimiz tek şey tıklamaları silmek ve sorunları teşhis etmek, sonra neden olan CSS dosyasını hariç tutmaktır Web sitesi hasar görecek. Ayrıca CSS nakliyesini de optimize edeceğiz, sonra JQuery Taşınmasını Sileceğiz, JavaScript dosyalarını küçülteceğiz, JavaScript dosyalarını birleştireceğiz. Yani birleşme ve minifikasyon denir. Birleşme ve Minifikasyon, en iyi işleme engelleme kaynaklarını ortadan kaldıracaktır. Birleşme ve Minifikasyon temel olarak tüm CSS kodunu aldığımız, optimize ettiğimiz, tüm BM kullanım kodlarını sildiğimiz ve ardından her şeyi birleştirerek veya her şeyi bir dosyada birleştirerek azalttığımız anlamına gelir.
Bu yüzden sadece biri CSS ve diğeri JavaScript için olmak üzere iki ayrı dosya sunuyoruz. Şimdi buraya geri dönersek, milyonlarca farklı CSS dosyası yüklediğimizi görebiliriz. Böylece, bu araç tüm bu bireysel CSS dosyalarını alacak ve birleştirecek ve şimdi 71’de PagePeed Insight raporumuzu tekrar ettiğimizde görebileceksiniz. Tamam, tüm bunları yaptık. Ayrıca askıya alınmış bir JavaScript de içereceğiz. Ve tarayıcı sayfayı oluşturduğunda kodun yüklenme şeklini değiştirir. Bu konuda daha fazla okumak istiyorsanız, aşağıdaki açıklamayı okuyabilirsiniz, ancak senkronizasyondan erteleyerek veya yükleyerek, web sitesinin daha hızlı yüklenmesine neden oluruz. Ayrıca görüntüleri, iframe ve videoları yüklemek için tembel olacağız. Ve yapılan, tarayıcı orada kaydırdığında görüntünüzü yüklemektir. Dolayısıyla, yüklemek için tembel değilseniz, sayfa yüklendiğinde sayfadaki tüm görüntüler yüklenir. Ve gereksiz veriler içeriyor, çünkü kullanıcınız yuvarlanmıyorsa, hiçbir zaman kimse tarafından bir sebep olmadan görülmeyecek görüntüleri yüklersiniz. Bu, kullanıcı resme eğittiğinde bunu içerecektir. Emojis’i devre dışı bırakma HTTP isteklerinin sayısını azaltma, bu nedenle web sitenizde emoji kullanmazsanız ve bunu yapamazsanız, bu, WordPress’in görüntü dosyasını çağırması ihtiyacını azaltacaktır. Gömme WordPress’i devre dışı bırakacağız. Ve sonra WP önbellekleme kuracağız. Ve WP önbellekleme kuracağız, çünkü görüntülerimizi optimize etmek için bir sonraki adımda EWWW görüntü optimize edici kullanacağız. Bu yüzden tüm bunları yaptık. Dosyalarımızı optimize ettik, biz ‘

Medya bitti, önbelleğimizi kurduk. Şimdi bir şeyler önceden yükleyeceğiz. Bu yüzden zaten orada olan ön yüklemeyi etkinleştireceğiz. Ve sonra tahvilleri önceden yükleyeceğiz. Ve sayfa raporunuz size yazı tiplerini önceden yüklemenizi söylerse, bunu yapabilirsiniz. Bunun hiçbir yerinde buna inanmıyorum. Bize söyleyecek, evet, olacak. Pekala, işte bir yazı tipi ve işte başka bir yazı tipi. Temel olarak, ne yapacağım, bağlantı konumunu kopyalayacağım ve sonra ön yüklemeye gideceğim çünkü PagesPeed Insights bize yazı tiplerimizi önceden yüklemek istediğimizi söylüyor. Ve sonra bu yazı tiplerini alacağım ve WP roketini kullanarak bunları önceden yükleyeceğim. Temel olarak, yazı tiplerini buraya yapıştırıyoruz. Ve sonra değişiklikleri kaydedin. Böylece, yazı tiplerinin biraz daha hızlı yüklenmesini sağlayarak performansı artırdı. Gördüğünüz gibi, bunlar yazı tiplerinin WordPress’te depolandığı yollar. Ve anahtar isteklerini önceden yükleyecek ve daha sonra yazı tiplerine gitmekten yol aldık ve yazı tiplerini gördük, onları buraya koyduk. Pekala, bu değişiklikleri tekrar kurtaracağız. Ve tüm yazı tiplerimizi önceden yükledik. Gelişmiş kuralları deneyebiliriz, ancak genellikle buraya eklemek istediğiniz şey yoktur. Ayrıca, veritabanı ile veritabanımızı temizleyebilir ve veritabanını temizleyebiliriz, biraz daha hızlı yüklemesini sağlayabilir ve biraz daha küçük hale getirebiliriz. Ama bunu gerçekten yapmamıza gerek yok. Bir CDN’imiz varsa, etkinleştirebiliriz. Ve Cloudflare Cloudways. Cloudways bir CDN sunar ve Cloudflare bir CDN sunar. Bulut yollarında barındırılan tüm web sitelerimizde CDN’lerini kullanacağız ve CDN’leri CDN’nin bir yığın yoludur. Ve temelde bir cdn yaparsanız ne yapar?
Yeniden tanıdık değil ve açıklamada bir bağlantımız var CDNS uçları, CDN’lere aşina değilseniz, temelde yaptığı şey, dosyaların belirli bir coğrafyanıza daha yakın bir veri merkezinden hizmet vererek daha hızlı yüklenmesidir. . New York’taysam, New York’taki bir sunucudan yükleyecek. Pekala, CDN’nizi entegre ettikten sonra ve bu isteğe bağlı bir adımdır, hemen hemen WP roketi ile bitti. Bu yüzden bunu PagesPeed aracılığıyla çalıştıracağız ve bir fark yaratıp yapmadığımızı göreceğiz. Ve basit matematik nedeniyle sahip olmalıyız, dosyalarımızı optimize ederek küçük hale getirdik. Şimdi web sitesinin çağrıldığı yere daha yakın yüklüyoruz. Gereksiz medya yüklemesini kaldırdık. Dolayısıyla, görüntülenmeyecek bir görüntü varsa, yük olmayacak, o zaman bir önbellek kurduk. Yani bu sadece WP roket optimizasyonu ile. Bu yüzden mobil cihazlarda 47’den istiyoruz, ikinci yükleme süremizi 4.7 saniyeye, ilk içerikli boyayı 1.7 saniyeye indiriyoruz. Şimdi masaüstü raporundayız. Ve 66’dan geldik, 85’e inanıyorum. Sadece bu bireysel şeylerle optimize ederek. Hız endeksimizi 1.4 saniyeye düşürdük. Ve bu, WP roketinin yanı sıra Cloudways’in birleşimi. Ve gerçekten sadece görüntülerden başka bir şey yapması için bizi çözdüğü her sorunu çözdük. WP Rocket’in sizin için yapacağı şey bu. Gerçek zamanlı görebileceğiniz gibi. Bir grup düğmeyi tıkladım, kaydet düğmesini tıkladım ve sonra bu raporu tekrar çalıştırdım ve hız endeksimizin 1.4 saniyeye atladığını anında gördüm. Pekala, WP roketi ile işimiz bitti. WP Rocket, bu arada, web sitesine eklediğiniz her yeni dosya için bunu otomatik olarak yapacaktır. Yani biz ‘
Gıda kamyonu web sitemize yeni sayfalar ekleyerek devam edecek ve bu sayfaları alacak ve bunları önbelleğe ekleyecek ve tüm dosyaları otomatik olarak birleştirecek ve maden edecek. Gördüğünüz gibi, WP Rocket ile aynı web sitesi. Sadece daha hızlı bir yükleme, eskisi gibi aynı web sitesi, sadece daha hızlı yükleme. Pekala, bir sonraki, görüntülerimizi optimize edeceğiz. Ve bu çok eğlenceli, basit, kolay bir şey. Yapacağımız şey birkaç şey eklemek. Yani temelde bu ne yapacak, JPEG dosyalarınızı alacak, PNG dosyalarınızı alacak, bunları yeniden boyutlandıracak. Yeterli boyutta, bu nedenle görüntünüz 4000 piksel genişliğindeyse, web sitesi ile iyi çalışan 1000 piksel genişliğinde veya bunun gibi bir şeye yeniden boyutlandırılacaktır. Ve yeniden boyutlandırarak daha az veri yüklenir. Ve daha az veri yüklendiğinden, web sitesi daha hızlı yüklenir. Ayrıca dosyaları sıkıştırır, böylece içindeki verileri sıkıştırır ve yüklenmesini daha hızlı hale getirir. Yapacağımız son şey JPG’yi PNG’ye dönüştürmek. Ve bunu PNG’ye JPG’yi kontrol ederek yapacağız. Ve sonra JS’yi PNG yeniden yazma işlemini de kontrol edeceğiz. Ve sonra Web P’yi zorlayacağız ve Web P Again, görüntü dosyası türü olan bir dosya türüdür ve görüntülerinizi JPEG veya PNG’den çok daha hızlı yükler. Ve Chrome tarayıcısı, Firefox tarayıcısı üzerinde çalışır ve Safari’deki Web P görüntüleri için destek, Beta W Web P görüntü desteğinde güncellenir, görüntü desteklenmezse, bu nedenle Safari’nin genel sürümünde geçerlidir, desteklenmez. Bu, otomatik olarak JPG veya PNG dosyalarına düşecektir. Yani burada görebileceğiniz gibi, biz ‘
Medya kütüphanemizdeki tüm görüntüleri optimize etme. Bu yüzden size bunu burada göstereceğim. Medya kütüphanesinde bir sürü görüntü var. Büyük görüntüler, yiyeceklerin yüksek çözünürlüklü görüntüleri ve bunun ne yaptığıdır. Geçiyor ve devam ediyor, 36’da görebilirsiniz. Optimizasyon için altı dakikamız kaldı. Geçiyor, her görüntüyü alıyor ve sonra otomatik olarak optimize ediyor. Burada görebilirsiniz, dosya boyutunu%49 azaltır. Ve% 50% 40 görebilirsiniz, böylece dosya boyutunuzun yarısını kaydediyorsunuz. Bunu azaltıyorsunuz, bu da yüklenen görüntünün orijinalin yarısı kadar büyük olduğu anlamına geliyor. Basit matematik, daha küçük bir görüntünün daha hızlı yükleneceğini gösteriyor. Ve bu görüntü daha hızlı yüklendiğinden, tüm web siteniz daha hızlı yüklenecek, daha sonra indirgenmiş görüntüyü P.’ye dönüştürür ve Web P dosya boyutunu daha da azaltır. Ve bu logonun türüne bağlıdır, ancak% 50.7% 58’e kadar bu örneğe kadar tasarruf edebilirsiniz. Burada, Web P dosya boyutunu gerçekten azaltacak ve daha sonra tarayıcıda daha hızlı yüklenecektir. Yani bu çalıştırıldıktan sonra, otomatik olarak Web P’deki resimlere hizmet verecek ve bunu nasıl kontrol edeceğinizi göstereceğim. Bu arada, Perf Matters eklentisine çıkacağım ve perf konularıyla daha da optimize edeceğim. Yani perf maddeleri ve WP roketi arasında bir miktar örtüşme var. Yani gerçekten perf önemli konulara ihtiyacınız yok, ancak bu, web sitenizi birkaç şekilde optimize etmenize yardımcı olacak gerçekten temiz bir küçük eklenti. Yani yapacağımız şey, bu bir iş web sitesi. Bu yüzden web sitemizin belirli öğelerini kaldıracağız. Ve biz ‘
Bir çift elemanları devre dışı bırakacak. Emojiler zaten devre dışı bırakıldı, ancak burada tekrar yapacağız. Dinlenme ateşimize ihtiyacımız yok. Google haritalarımız yok, Google yazı tipimiz var. Tembel yükleme zaten VP Rocket aracılığıyla optimize edildi ve Wocommerce bu web sitesine yüklenmiyor. Ama bunları her iki şekilde de açacağım çünkü değil. Acıyor. Yani işleri açıp kapatmanıza izin veren çok basit bir eklenti. Google Analytics’i buraya yükleyebiliriz ve bu önemlidir, çünkü Google Analytics geleneksel bir üçüncü taraf JavaScript komut dosyasıdır ve üçüncü taraftan javascript yüklemek web sitenizi yavaşlatabilir. Bu nedenle, bir PagePeed raporu çalıştırırsanız ve üçüncü taraftaki “JavaScript’in yüklenmesini durdurun” derse, bunu bu aracı kullanarak kolayca yapabilirsiniz, bu aracı kullanarak geri dönebilirim, izleme kimliğini ve sonra Yerel analizleri etkinleştirme, yani komut dosyası web sitenizden saklanacak, Analytics JavaScript komut dosyası web sitenizde saklanacaktır. Ve sitelerinizden Google Analytics’e bilgi itmek, geleneksel olarak, komut dosyalarını Google Analytics’ten çeker, web sitesinde çalıştırır ve daha sonra verileri geri iter. Yani bu sadece site yükü biraz daha hızlı. Ve son olarak, ekstralara atlayabiliriz ve burada yapacağımız bir şey olduğunu sanmıyorum. Ancak görebileceğiniz gibi, parametrelerde birkaç ek özelliğiniz var. Pekala, o zaman toplu optimizasyonumuza geri dönelim. Ve toplu optimizasyon altındayız ve aslında onu durdurmuşum gibi görünüyoruz. Bu yüzden tekrar başlayacağız. Ve o ‘
Run ve eşyalarını yapacak ve görüntüleri optimize edecek. Pekala, bu optimize ederken, son kez yaptığım gibi sekmeyi kapatmayacağım. INSEAD, gideceğim ve size Varlıklar Temizlik Profesyonel’i göstereceğim. Varlık Temizleme Pro, esas olarak ajansımızda belirli sayfaların özel optimizasyonu için kullanılır. Sana burada göstereceğim. Bu oldukça basit bir web sitesi. Bu yüzden bunu diğer web sitelerinde kullandığımız ölçüde kullanamayabiliriz. Ama burada bir ton ayar alıyorsunuz. Dolayısıyla, çok fazla eklentimiz varsa, yöneticiyi takmak ve web sitesindeki eklenmeyi devre dışı bırakmak için çalışabiliriz. Bunu kullanmak istediğim bir örnek, kişi sayfasında yerçekimi formlarını kullanıyorsanız, iletişim sayfasında ihtiyacınız olmasıdır. Yerçekimi formlarını kullanıyorsanız, yalnızca belirli bir sayfada kullansanız bile, CSS ve JavaScript komut dosyalarını tüm web sitesine yükler. Öyleyse bunun yerçekimi formları olduğunu varsayalım, yerçekimi formları kurulumumuz yok. Ancak yerçekimi formları yüklememiz varsa, siteyi her yerde boşaltabilir, bir istisna yapabilir ve ardından yalnızca iletişim sayfamıza yükleyebiliriz. Yani bu kuralın yaptığı, bu ayrı eklentiyi yalnızca iletişim sayfasına yükler. Ve sonra Regex’i de belirtebilirsiniz. Dolayısıyla, tüm yayınlarınıza bir eklenti yüklemek istiyorsanız, bunu yapmak için Regex ifadelerini kullanabilirsiniz. Bu nedenle, her sayfada kullanmadığınız eklentileri alabileceğiniz ve bunları yalnızca yüklenen sayfalara yükleyebileceğiniz çok kolay ve basit ve güçlü bir araçtır. Wooocommerce kullanıyorsanız WooOcommerce ana sayfaya yüklenecektir. Ve Wooocommerce büyük, büyük bir senaryo koleksiyonudur. Ve eğer wooocommerce kullanmıyorsanız ve senaryolarını yüklüyorsanız, siz ‘
Çok ağır komut dosyaları olan zaten kullanılan bir grup komut dosyası yüklediğiniz için ana sayfanızın hızını yeniden ortadan kaldırır. Bu aracı kullanarak, kullanıldığı yer dışında her yerde wooocommerce’i devre dışı bırakabilirsiniz, bu da komut dosyalarını WooCommerce ile herhangi bir yere yüklemeyeceğiniz, ancak yüklenmeleri gerektiği anlamına gelir. Ve sonra geleneksel ayarlardan da geçebilirsiniz ve sonra size minifasyonun ve diğer her şeyin zaten WP roketi tarafından ele alındığını gösterecektir. Ve Varlık Temizlik Pro bunu burada söylüyor ve daha önce birlikte kullandık. WP roketi ile iyi çalışır. Pekala, bu genel ayarlar sayfasını kullanacağımız şebeke, yazı tipimiz ekranını değiştirecek, bu da yazı tiplerimizin biraz daha hızlı yüklenmesine neden olacak. Google yazı tiplerine gireceğiz. Ve biz de burada takas uygulayacağız. Ve sonra hatırlarsanız, WP roketinde yazı tiplerini önceden yükledik, ancak yazı tiplerini önceden yüklemek istiyorsanız, Varlık Temizlemesinde bunu burada yapabilirsiniz. Ancak yazı tiplerini yalnızca bir eklenti içinde önceden yüklemelisiniz, bunları birden fazla eklentide yapmamalısınız. Pekala, bunlar bu web sitesinde kullanacağımız ana ayarlar. Diğer web sitelerinde, bu gerçekten güçlü bir eklentidir. Bu nedenle, bir sürü eklentimiz ve bunun gibi şeylerimiz varsa araçları daha fazla kullanabiliriz. Ancak bu web sitesinde, hatırlarsanız, Elementor eklentileri olan yalnızca iki ön uç eklentimiz var. Yani burada gerçekten bir faydası yok. Bu aracı kullandığımız en önemli şey bireysel sayfa optimizasyonudur. Bu yüzden bunu şimdi göstereceğim. Düzenle sayfasına gidersek. Ve biz ‘
Gutenberg editörü ve biz aşağı kaydırdığımızda Elementor ile düzenlememek, burası işlerin çalışmaları sihirdir, değil. Bireysel eklentilerin CSS ve JavaScript’i yönetebilirsiniz. Burada yapabileceğiniz şey, belirli Google yazı tiplerini kapatabilir, belirli CSS dosyalarını kapatabilirsiniz, belirli JavaScript dosyalarını kapatabilirsiniz. Dolayısıyla, web sitenizden belirli dosyaları yüklemiyorsanız ve sayfaya yükliyorlarsa, gerçek sayfayı oluşturmak için kullanmasanız bile, kapatabilirsiniz. Bu örnekte, gerçekten kapatabileceğimiz bir şey olduğuna inanmıyorum. Ön ucu kontrol edeyim. Simgeleri kapatabiliriz. Bu yüzden, size burada neler yapabileceğinizi göstermek için simgeleri kapatacağım. Ancak ayrı ayrı işleri kapatabilirsiniz. Bu yüzden Elementor simgelerimizi kapatacağız, yazı tipini kapatacağız, harika simgeler. Ve onları böyle sakla. Ek işlevsellik Bir şey yüklemeniz gerekiyorsa, ancak başlangıçta olmasını istemiyorsanız, devam edip komut dosyasının yüklenmesini erteleyebilir veya eşzamansız olarak yükleyebilirsiniz. Gördüğünüz gibi, JavaScript ile, eşzamansız bir şekilde bir şey yüklemek istiyorsanız, bunu özellikle bunun gibi şeyler üzerinde yapabilirsiniz. Tipik olarak, bunu bu sayfada kullanmadığımız eklentileri, komut dosyalarını ve dosyaları kaldırmak için kullanacağız. Ve bunları sayfanın yüklenmesinden kaldırarak, gereksiz şeyler yüklemediğiniz için sayfa daha hızlı yüklenir. Bu yüzden sadece sana göstereceğim ve biz
Bunlar aslında sayfada kullanıldığından bunu yeniden etkinleştirmelidir. Ancak görebileceğiniz gibi, tüm bu bağ simgeleri şimdi çalışıyor, arka uçta, tüm eğlenceli simgeleri kapatıyoruz. Bu yüzden sayfayı yeniden yüklersek, bu simgelerin artık gösterilmediğini fark edeceksiniz. Bunun nedeni simgeler dosyasını yüklememesidir. Web sitenizin daha hızlı yüklenmesini istiyorsanız, tüm geleneksel öğeleri ve tüm geleneksel yazı tipi harika simgeleri tüm sayfalarınızdan kaldırabilirsiniz. Ve sonra bu aracı kullanabilir ve devam edebilir ve hangi eklentileri ve bulunduğumda devre dışı bırakabilirsiniz, devre dışı bırakmanız gerekir. Bu yüzden sayfa aslında bu eklentilerle yüklendiğinden yeniden etkinleştireceğiz. Ancak bu sadece size göstermek içindi, sayfada kullanmadığınız belirli komut dosyalarını tanımlayabilirsiniz. Diyelim ki burada yaşayan ikonlarımız yoktu. Bu simgeleri alabiliriz ve bunları bu araçla devre dışı bırakabiliriz. Yani bu aracı gerçekten kullanıyoruz. Bir web sitesindeki her bir sayfadan geçeceğiz ve o sitede kullanılmayan komut dosyalarını devre dışı bırakacağız. Ve sonra komut dosyaları o sitede kullanılırsa, onları hareket ettirebiliriz, onları kusurlandırabiliriz, eşzamansız olarak yükleyebiliriz. Gördüğünüz gibi, burada çok şey yapabiliriz. Yani bu çok güçlü bir sayfa spesifikasyon eklentisi. Bu yüzden yükleyeceğim, güncellendim ve güncelleyerek bu komut dosyalarını tekrar açacağız ve bu CSS dosyalarını tekrar açacağız. Ve simgelerimizin tekrar gösterdiğini görebileceksiniz. Pekala, bu yüzden görüntü optimizasyonuna geri döneceğiz. Yani biz ‘
VE görüntü optimizasyonumuzu bitirdi ve geri dönmek ve sadece burada kurtardıklarımızı keşfetmek istiyorum. Gördüğünüz gibi, bu genel optimizasyon. Bu, PNG ve JPEG dosyalarının yeniden boyutlandırılması ve sıkıştırılmasıdır. Sadece bunların boyutunu değiştirerek gerçek dosya makyajını değiştirmiyoruz, bu dosyayı%55 azalttık, Web P ile%21 daha azalttık. Ve bu, web sitesinde birden fazla farklı görüntü türü ve boyutları ve bunun gibi bir şeyle gerçekleşir. Ve günün sonunda, muhtemelen ortalama olarak azalıyoruz, belki% 20 ila% 30 oranında azalıyoruz. Ve bunlar büyük dosya boyutları değil. Böylece 241 kilobayt, ancak günün sonunda, bu kilobaytları azaltırsak, megabaytlara eklerler ve sonra bu megabaytlar toplanır. Uzun vadede, siteyi ölçeklendirirseniz, gigabaytlara ekleyebilirler, bu nedenle sadece sonunuzda bant genişliğini kaydetmekle kalmaz, aynı zamanda web sitesini yüklerken anlamsızca yüklenen birçok veri kaydedersiniz, bu da İşleri daha hızlı çalıştırır. Şimdi Web sitesinin ön ucuna bir göz atalım ve dosyalarımızın Web P’ye yüklenip yüklenmediğini görelim çünkü optimize edildi ve Web P formatında yüklenmeye dönüştürüldüler. Yani bir görüntü bulmaya gideceğiz. İşte burada bir resim. Ve ne yapacağımız, öğeyi inceleyeceğiz ve ben ‘
M Firefox geliştiricisi üzerinde.Ama bunu Chrome aracılığıyla da yapabilirsiniz.Bunu kullandığınız herhangi bir tarayıcıdan Edge’den yapabilirsiniz.Firefox geliştiricisini gerçekten seviyorum, çünkü size birçok ek araç sunuyor.Ama burada bir görüntüyü inceliyoruz.Ve bunun görüntü olduğunu biliyoruz çünkü görüntü sınıfı ve görüntü URL’sinin üzerinden geçebiliriz ve bize burada görüntüyü gösterecektir.Bunu tanımlamak için ‘
Web P formatında yeniden hizmet veriyor. Bkz. Doc Web P. Bunu bir web görüntüsü olarak sunduğumuzu bu şekilde biliyoruz. Bu Safari’de yayınlanırsa, Web P DOT silinir ve yalnızca JPEG olarak yayınlanır. Bu, eklentinin otomatik ve otomatik olarak görüntünüzü bir web olarak yüklediği çok harika bir özelliktir ve size görüntülerin gerçek yüklenmesini göstereceğim, çalışıp çalışmadığını, kim bilir. Ancak görebileceğiniz gibi, bu bir P. web içerir ve yükleme süresinin neredeyse anında olduğunu görebilirsiniz, çünkü bu bir web P ve sonra JPEG’ye dönebiliriz. Web yerine JPEG dosyanızı yükler. Web P çalışmazsa, görebileceğiniz gibi, bu bir JPEG dosyasıdır, JPEG olarak yüklenir. Ve sonra sadece web p dot ekleyebilirsiniz, çünkü EWW optimizasyon eklentisi JP’ye dönüştürdü, her ikisi de her ikisinin de kopyasıydı. Yüklemeyi web sayfası olarak görebilirsiniz. Pekala, görüntü optimizasyonu için çok basit bir araç. Gördüğünüz gibi, başkalarını optimize ederken arka planda çalıştırıyoruz. Pekala, bu web sitesinde yaptığımız optimizasyonla ilgili. Bu yüzden web sitesinde yaptığımız her şey boyunca çok hızlı bir şekilde geri dönmeme izin verin, o zaman son kez PagePeed çalıştıracağım ve sonra web sitesini optimize ederken yaptığımız şeyin gerçek sayısını vereceğim, iyi. Pekala, önce yüklediğimiz tüm eklentileri çalıştıracağız, dört resim optimizasyon eklentisi ve ana performansı yükliyoruz.
Bu yüzden pro -cleansing varlıkları yükledik ve bu kullandığımız özel bir optimizasyon eklentisi. Bu iyi bir eklenti. Aşağıdaki açıklamada bağlantılı birçok öğreticimiz var. Kullanılmayan CSS’yi silmeniz gerekiyorsa, kullanılmayan JavaScript, bu sizin için bir eklentidir. Komut dosyasını yüklemezseniz, komut dosyasını sayfada kullanmazsanız iyidir, ancak yine de yüklerseniz, bu işe yaramaz, bu nedenle devre dışı bırakmanız gerekir. Bu eklenti kolayca yapmanızı sağlar. Sırada EWW’nin optimal görüntüsü. Bu ücretsiz bir eklentidir ve mevcut görüntülerin dosya boyutunu azaltmanıza olanak tanır ve daha sonra dönüştürebilir ve daha sonra Web formatında P’de kolayca sunabilirsiniz. Tüm barındırma projelerimiz için kullandığımız bir sağlayıcı olan Cloudways kullanırsanız, bulut yöntemini kullanırsanız, EWWW sizin için mükemmel bir araçtır. Çünkü sunucunuz bunu halledebilir. Birlikte barındırma veya onu engelleyen başka bir ana bilgisayar kullanıyorsanız, başka bir resim optimizasyonu eklentisi bulmak iyi bir fikir olabilir, ancak Cloudways kullanmanızı öneririz. Ve sonra bu eklentiyi kullanmanızı öneririz. Bu çok iyi çalışıyor. Demek istediğim, burada her şeyi gerçek zamanlı olarak yapıyorum. Böylece bunun gerçekten birkaç tıklama olduğunu görebilirsiniz ve bunu yapmaya hazırsınız. Sonra bir performans sorunumuz var. Perf sorunu, yüklemek istemediğimiz ve ayrıca bazı ek ayarlara sahip olduğumuz komut dosyasını mükemmelleştirmemizi sağlar.
Ve tüm eklentilerden, bunun en gereksiz olduğunu söyleyeceğim, ancak bu gerçekten iyi bir performans eklentisi. Gerçekten seviyoruz. Sizi bir video incelemesine, özellikle tüm web sitelerimizde nasıl kullandığımıza bağlayacağım. Bunu biraz çabuk ele aldım. Daha sonra son eklenti WP roketi ve bu WordPress sitesinin arkasındaki önemli bir eklentidir. Gördüğünüz gibi, bu WP roketinin lansmanı. Son turu yapmadık, ancak 68’den 85’e yükseldik ve 3.5 veya 1.4 civarında düştük. Yani çılgın, sadece WP roketleri ile. Ve WP roketlerinin kullanımı çok kolay olduğunu görebilirsiniz. Bu sadece bir grup tıklama. Sanki sadece bir şeyi tıklamanız gerekiyor. Pekala, bu yüzden gerekli kira için en çok ihtiyaç duyulan sırayla, WP roketinin EWW pro perf varlıklarını temizlemenin önemli olduğunu söyleyeceğim. Tüm bu eklentileri yükleyin ve web sitesi öğeniz bu kadar basit yüklenecektir. Yani Rocket WP eklentilerinin her biriyle ne yaptığımız, her şeyi tekrar çalıştıracağım. Böylece bir kontrol listesi yapabilir veya ne yaptığımızı hatırlatabilirsiniz. Bu eklentiyi yüklediğinizde otomatik olarak yüklü önbellek ve önbellek optimize ederiz, Minifing, HTML, CSS, JavaScript’i birleştirerek tüm dosyalarımızı optimize ederiz, medya görüntülerimizin yavaş yüklenmesini ayarladık, her şeyi daha önce yükledik. Sonra da işlevsiz olmayan CDN’yi entegre etmeye çalıştık. Ve eminim web sitesi CDN olmadan oldukça hızlı bir şekilde yüklenecektir.
Ancak burada gösterdiğim CDN’ye ihtiyacınız varsa, Cloudway CDN, ayarlayın, sonra bir WP roketi veya performans sorunu kullanarak devam edin ve yükleyin, her ikisi de aynı özelliklere sahiptir. Bir kez daha, bu eklenti arasında bazı örtüşen özellikler var. Bu nedenle, belirli özellikleri yapmak için yalnızca bu eklentilerden birini kullanın. Her iki eklenti ile parça yüklemeye çalışmayın. Bu kırılabilir. Temel yazı tipi elementini bir WP roketi ile yükledik ve PagesPeed raporunda belirtilen URL’yi ekleyerek yaptık. Yani, “Hey, önce resminizi sürdürmek ve yüklemek isteyebilir misin?” Bu yüzden onları bulduk. Demek istediğim, yazı tipiniz. Bu yüzden daha önce sığdırmak istediğimiz yazı tipini bulduk. Buraya kopyalayıp ekliyoruz, çok basit, çok kolay. Pekala, temelde bir WP roketi ile yaptığımız şey buydu, sonra EWW’ye geçtik ve bunu ayarladık. İlk olarak hazırladık ve burada pek çok şey yapmadık, değil. Burada hiçbir şeyi değiştirmiyoruz, birçok şeyi değiştirebilirsiniz. Ve bu çok güçlü bir eklenti, ama temelde buradaki her şeyi özlüyoruz, web P’yi açıyoruz ve bu iki kutuyu kontrol ediyoruz. JPEG, PNG Web P, JavaScript Web’i yeniden yazın. Ve bu sadece Basic Elementor web sitesini kullanıyorsanız işe yarar. Ve sonra P. Web’i de zorladık. Sonra kitleyi optimize ederek medyaya gittik. Optimize edilmeyen görüntüleri tararız. Sonra devam ediyor ve optimizasyon yapıyoruz ve tekrar çalıştırmayacağımız için optimizasyon gerçekleştirdik. Ayrıca performans sorunları görüyoruz.
Çok önemli olan, bireysel şeyleri açmanıza ve öldürmenize izin veren bir eklentidir. Ve web sitesinde kullanmadığımızı bildiğimiz birçok şeyi kapatıyoruz. CDN’nizi buraya da girebilirsiniz, gerçekten isterseniz Google Analytics’i yerel olarak, bunun gibi şeyler birleştirebilirsiniz. Ve bu, eğer yaparsanız, web sitenizde birkaç yüz milisaniye yükleme süresini kesecektir. Yani bu değerli bir eklenti. Ancak eklenti ilerledikçe, bu listenin altında olabilir. Son olarak, her yerde ihtiyacınız olmayan bir eklentiniz varsa, arkada ayarlar yapıyoruz, ancak özellikle burada yapabilirsiniz. Ardından ayarların altında çalışabilir ve burada daha fazla optimize edip edemeyeceğinizi görebilirsiniz. Bizim durumumuzda, tek yapmamız gereken yazı tiplerinin görünümünü belirli yazı tiplerinden değiştirmek. Ve sonra, demek istediğim, burada yapabileceğiniz birçok şey var, ancak varlık temizliğinin temel ayarlarında başka bir şey yapmamıza gerek yok. Sonra ne yaptık sayfadan sonra sayfaya gittik ve sadece bir sayfa yaptık. Ancak her sayfayı her sayfaya çalıştırabiliriz, arka uçtaki sayfaları düzenlemeye gidiyoruz, öğenin editörü değil, editör ucu WordPress, ihtiyacımız olmayan tüm komut dosyalarını çalıştırıyoruz ve değiştiriyoruz ölü. Basit, ölü, aktif. Aslında bu sayfada ayarı bırakmadık, çünkü burada her şeyi kullandık.
Ancak bir şey kullanmazsanız ve bu özellikle çok farklı eklenti kullanıyorsanız doğrudur, bu yüzden bir öğe veya eklenti eklentisi kullandığınızı ve bu özel sayfada eklentiler kullanmadığınızı söyleyin. Belirli sayfalar için eklentilerin arkasındaki komut dosyasını kapatabilirsiniz, yani daha az veri yüklediğiniz için sayfanın daha hızlı yükleneceği anlamına gelir. Yani hepsini yapıyoruz. Ve şimdi buradayız. Bu yüzden her şey Elementor’umuzda, web sitemizde tamamen optimize edildi ve önce size Elemental Web Sitesini göstereceğim. Sonra sayfamızın hızını çalıştıracağız. Yani, bu bizim web sitemiz ve aynı zamanda sadece bir kez daha, bunu Cloudways’teki Cloud Wave’de yayınlıyoruz. Ayda 10 dolar harcıyoruz, özellikle bu kurulum için 1GB RAM alıyoruz. Biz burada barındırma ve bunun gibi şeyler çok basit ve kurulumu kolay. Bu nedenle, ücretsiz denemeyi nasıl bulutlandıracağınızı kontrol etmeniz gerekiyorsa, web sitenizi gerçekten alabilir, WP geçişiyle rezerve edebilir, web sitesini test alanına aktarabilirsiniz, burada yaptığımız gibi, bu test alanında, içe aktarabilirsiniz. Site Web, test alanında optimize edin. Ve sonra gerçekten beğendiyseniz, etki alanınızı eski ana bilgisayardan yeni ana bilgisayara taşıyın. Ve bu tam olarak web sitesinin bir kopyası olduğu için her şey etkili bir şekilde imzalanacaktır. Yani, bulut yollarımızı burada deneyebilirsiniz. Cloudways.com web sitesine gidebilirsiniz. Aşağıdaki açıklamada bir bağlantı var.
Bağlantıyı kullanırsanız ve “Isotropic” kodumuzu kullanırsanız, barındırmanın ilk ayından% 30 tasarruf edersiniz, bu da aslında 10 dolara kadar bu paket ekleyebilir. Ancak, gerçekten artabilecek birçok web sitesi kullanıyorsanız ve bizimle ortak olan Cloudways’i destekleyerek bize yardımcı olabilirseniz daha büyük bir planınız varsa. Pekala, bulut yöntemini kullanıyoruz, her şey yolunda. Tüm web sitelerimizi optimize ettik. Ve nihayet PagePeed raporunu tekrar çalıştıracağım ve umarım, başlangıçta hücreseldeki 100 performans puanımızdan 22’sinden ve masaüstünde 100 üzerinden 64’ünden 64’ü artıracağız. Pekala, son kez Google Pagespeed Insights raporunu çalıştıracağım ve sonra olan her şeyi tartışacağım. Yani 85 Hız endeksimiz 1.4’tür. Ve görüntülerimizi yeni nesil formatta sunuyoruz. Burada dikkate alınması gereken bazı şeyler var. Resmimizi test ediyoruz. Bu nedenle, bunun bir web olarak işlev gördüğünü biliyoruz. Bazen burada sorunu, Elementor’un bir arka plan görüntüsü kullanıyorsa, onu CSS’den ekliyor ve CSS tarafından girilen görüntü, şimdi orada herhangi bir çözüm bulunan bir Web P olarak değiştirilemez. . Ve bu büyük bir sorun. Ve bunu blogumuza yazıyoruz. Ancak, arka plan görüntüsünü en hızlı görüntü yükleme türü olan P’ye değiştiremezsiniz.
Gördüğünüz gibi, burada web sitemizi gerçekten hızlandırıyoruz, web sitemiz çok hızlı 1.4 saniye içinde yükleniyor, ilk içerik boyası 0,5 saniyedir, etkileşime geçen süre 1,2 saniyedir. Bununla birlikte, tam olarak ele alamadığımız tek fırsatımız, her şeyi bir web P olarak değiştirmektir ve EPI’ye dönüştüremememizin nedeni, bu, Elementor tarafından CSS aracılığıyla eklenen bir arka plan görüntüsüdür ve web desteği hazırlamamışlardır. P ve bunun hakkında blogumuzda yazıyoruz ve bunun hakkında daha fazla bilgi edinmek istiyorsanız sizi GitHub Edition’a bağlayacağım. Ancak, tüm fırsatlarımızı geliştirdik, 30 dakikada yapılan performans puanlarımızı 85’imizi geliştiriyoruz ve hız endeksini 1,4 saniyeye çıkarıyoruz. Videonun başlangıcını hatırlarsanız, sürenin iki saniyeden daha az olmasını istiyoruz. Bu, genellikle tüm WordPress web sitelerinde, ajans web sitesinde, müşteri web sitesinde çalıştırdığımız optimizasyondur ve bu da hızlandırma hizmetinde yapacağımıza benzer. Yani, bu öğreticiyi sonuçlandırmak için. Pekala, bu öğretici size web sitemizi temizlemek ve daha hızlı yapmak için kullandığımız araçları göstermelidir. WP roketimizi EWWW kullanarak varlık temizliğimizi kullanarak kullanıyoruz ve performans sorunlarını kullanıyoruz. Tüm bunlar aşağıdaki açıklama ile ilgilidir. Cloudways’e gönderiyoruz. İlk başta size neden iyi bir ev sahibi olarak iyi bir üne sahip bir ev sahibi kullanmak istediğinizi gösterdim.
BlueHost’a karşı Cloudways, temel web sitesinde çok büyük bir zaman farkı var. Daha büyük bir web sitesinde, zaman farkı daha görünür olacaktır. Ve tüm bu optimizasyon doğrudan videoda gerçekleşir. Bu videoda, gördüğüm kadarıyla, belki yaklaşık bir saat. Bunu yaklaşık bir saat içinde çalıştırıyoruz, birçok onay işaretini tıklıyoruz, birçok kaydetme düğmesini tıklıyoruz. Bazı komut dosyalarını kapatıp etkinleştiriyoruz ve tek yaptığımız bu. Umarım bu video size WordPress web sitesinin hızını veya WordPress ile oluşturulan Elementor web sitesinin artırılmasının olduğunu gösterir. Karmaşık olmaya, çok zor değil ve sadece doğru aracı kullanarak ve doğru düğmeyi tıklatmaya gerek yok. Bunu yapabiliyorsanız, web sitenizi çok kısa sürede yavaş bir web sitesinden hızlı bir web sitesine değiştirebilirsiniz. Gördüğünüz gibi, bu yüz mükemmel bir değer değil. Web sayfalarımız hücresel için geçerli olmadığı için hücresel bir şey vardır. Ve yapacağımız şey devam etmek ve bu soruna neyin neden olduğunu belirlemek ve daha fazla optimize etmek. Yani bir saat içinde, web sitesinin hızını neredeyse%100 artırabiliriz. Buna ek olarak, daha fazla zamanımız varsa, web sitesine gidip daha hızlı yüklenmesini sağlamak için daha fazla zamanımız varsa, bunu yaparız ve 90 yüksek puan alabiliriz. Bu yüzden bir web sitesinin performansını artırmak çok zor değil.