WordPress’te daha hızlı görüntüler nasıl optimize edilir
Web sitesi ağırlaşıyor. İlk web sitesinin ortalama sayfa boyutu 4 kb’dir. Şu anda web sitesinin ortalama sayfa büyüklüğü 4 MB’dir, bu da aslında 5 yıl önce iki katına çıkar. Web sitesindeki içeriğin yaklaşık% 50’si bir görüntüdür. Son birkaç yılda komut dosyalarında ve stil sayfalarında bir artış gördük, ancak görüntüler hala bir web sitesinin ağırlığına ana katkıda bulunuyor. Bu, görüntü optimizasyonunun öneminin temelini oluşturur.
Kaynak: Pingdom’umuz daha küçük bağlantılar aracılığıyla daha fazla veriyi teşvik eder. Şu anda, bugün web sitenizin çoğu ziyaretçi hücreseldir. Hücresel ağlar artmasına rağmen, küresel bağlantı hızı hala çeşitli arazi bağlantılarında güçlü bilgisayarları olan çoğu insan tarafından kullanılanlardan uzaktır.
Web sitesinde daha az görüntünün dönüşümü artıracağını doğrulayan araştırmalar da var. Ve hepimiz biliyoruz ki, daha az görüntü daha hızlı web siteleri sağlar, bu da ziyaretçileri ve arama makinelerini daha mutlu hale getirir. Şimdi web sitesi resmimizi optimize etmeye başlayalım! Doğru resim biçimini seçin
Web sitesi görüntüleri açısından, bugün kullanılan iki ana görüntü formatı vardır: JPG ve PNG. PNG görüntüleri vektör grafikleri, illüstrasyonlar, logo türleri ve şeffaflık gerektiren görüntüler için kullanılmalıdır. JPG görüntüleri neredeyse tüm diğer şeyler için kullanılmalıdır. Ortalama bir web sitesinin bir PNG ve JPG 1:10 görüntü oranı olması gerektiğini söyleyeceğim.
Ancak web sitenizde ne tür resimleriniz olduğunu nereden biliyorsunuz? Bunu kontrol etmenin en kolay yolu SSH üzerinden. Sunucunuzu girin, web sitenizin ana dizinine gidin ve aşağıdakileri yazın: Bul. -name “.png” | Wc -l bul. -name “.jpg” | WC -Web siteniz için PNG vs JPG oranı nedir? Doğru görüntü formatının önemine bir örnek olarak, yaklaşık bir yıl önce bize gelen müşterilerle ilgili hikayeleri paylaşmak istiyorum. Ana performans problemi ile yüksek sınıf ajansları tarafından geliştirilen bir WooCommerce web sitesi var. Web siteleri, çoğu PNG görüntüsünün kullanıldığı 50 GB’den fazla ağırlığındadır. Bir performans incelemesinden ve oldukça fazla görüntü dönüşümünden sonra, 7.2 GB ağırlığında “sadece” olarak azalttık. Ve performans çok daha iyi! Görüntüleri farklı görüntü formatları arasında teknik olarak dönüştürmek oldukça basit bir görevdir. WordPress ile dikkate alınması gereken ana şey, görüntü biçiminin hem sunucuda hem de veritabanında, tüm yayınlardaki görüntüye bir bağlantı/referans ile değiştirilmesi gerektiğidir. Bunun üstesinden gelmenin en kolay yolu, JPG’ye PNG adlı bir WordPress eklentisi kullanmaktır. Eklentiyi yükleyin ve etkinleştirin, “Orijinal PNG görüntüsünü sunucuda bırakın” ve “Otomatik Şeffaflık Algılama” seçeneğini seçmediğinizden emin olun, ardından yapın ve gerekli tüm görüntüleri dönüştürün.
Bittiğinde, eklentiyi devre dışı bırakın/silin. WordPress’te resim boyutu
WordPress’teki görüntülerle dikkate alınması gereken başka bir şey, resim yüklediğinizde, bu resimden birçok kopya yapılır. Bunun nedeni, ziyaretçilerin boyutuna veya ekran çözünürlüğüne bağlı olarak farklı görüntülerin gösterildiği WordPress’teki duyarlı tasarım desteğidir. Bir görüntü WordPress’te kolayca 10’dan fazla görüntü haline gelebilir. Hızlandırılmış etki alanındaki görüntü boyutu değiştiricimiz eklenti bu sorunu sizin için en uygun şekilde çözün, ancak hızlandırılmış alanlar kullanmadığınızda ne olacağını görelim. Varsayılan, WordPress orijinal olanlar dışında üç ek resim içerir: Big , orta ve küçük resim. Birçok tema ve eklenti kendi resimlerinin boyutunu da ekler. WooCommerce üç ek daha ekledi. Görüntünün boyutunu WordPress sitesine eklerken/silerken, görüntüyü orijinal görüntüden yeniden yapmalısınız. Bu eklentiler aracılığıyla yapılabilir, ancak WP-CHLI kullanmanızı öneririm. Ve elbette, sayfaya, gönderme veya benzerlerine resim eklerken, en uygun görüntünün boyutunu seçtiğinizden emin olun. Büyük olasılıkla orijinal görüntüyü, ancak büyük veya orta boy bir görüntüyü girmenize gerek yoktur.
Ancak web sitenizde ne tür resimleriniz olduğunu nereden biliyorsunuz? Bunu kontrol etmenin en kolay yolu SSH üzerinden. Sunucunuzu girin, web sitenizin ana dizinine gidin ve aşağıdakileri yazın: Bul. -name “.png” | Wc -l bul. -name “.jpg” | WC -Web siteniz için PNG vs JPG oranı nedir? Doğru görüntü formatının önemine bir örnek olarak, yaklaşık bir yıl önce bize gelen müşterilerle ilgili hikayeleri paylaşmak istiyorum. Ana performans problemi ile yüksek sınıf ajansları tarafından geliştirilen bir WooCommerce web sitesi var. Web siteleri, çoğu PNG görüntüsünün kullanıldığı 50 GB’den fazla ağırlığındadır. Bir performans incelemesinden ve oldukça fazla görüntü dönüşümünden sonra, 7.2 GB ağırlığında “sadece” olarak azalttık. Ve performans çok daha iyi! Görüntüleri farklı görüntü formatları arasında teknik olarak dönüştürmek oldukça basit bir görevdir. WordPress ile dikkate alınması gereken ana şey, görüntü biçiminin hem sunucuda hem de veritabanında, tüm yayınlardaki görüntüye bir bağlantı/referans ile değiştirilmesi gerektiğidir. Bunun üstesinden gelmenin en kolay yolu, JPG’ye PNG adlı bir WordPress eklentisi kullanmaktır. Eklentiyi yükleyin ve etkinleştirin, “Orijinal PNG görüntüsünü sunucuda bırakın” ve “Otomatik Şeffaflık Algılama” seçeneğini seçmediğinizden emin olun, ardından yapın ve gerekli tüm görüntüleri dönüştürün.
Bittiğinde, eklentiyi devre dışı bırakın/silin. WordPress’te resim boyutu
WordPress’teki görüntülerle dikkate alınması gereken başka bir şey, resim yüklediğinizde, bu resimden birçok kopya yapılır. Bunun nedeni, ziyaretçilerin boyutuna veya ekran çözünürlüğüne bağlı olarak farklı görüntülerin gösterildiği WordPress’teki duyarlı tasarım desteğidir. Bir görüntü WordPress’te kolayca 10’dan fazla görüntü haline gelebilir. Hızlandırılmış etki alanındaki görüntü boyutu değiştiricimiz eklenti bu sorunu sizin için en uygun şekilde çözün, ancak hızlandırılmış alanlar kullanmadığınızda ne olacağını görelim. Varsayılan, WordPress orijinal olanlar dışında üç ek resim içerir: Big , orta ve küçük resim. Birçok tema ve eklenti kendi resimlerinin boyutunu da ekler. WooCommerce üç ek daha ekledi. Görüntünün boyutunu WordPress sitesine eklerken/silerken, görüntüyü orijinal görüntüden yeniden yapmalısınız. Bu eklentiler aracılığıyla yapılabilir, ancak WP-CHLI kullanmanızı öneririm. Ve elbette, sayfaya, gönderme veya benzerlerine resim eklerken, en uygun görüntünün boyutunu seçtiğinizden emin olun. Büyük olasılıkla orijinal görüntüyü, ancak büyük veya orta boy bir görüntüyü girmenize gerek yoktur.
Doğru görüntünün maksimum boyutunu seçin
Modern kameralar çok yüksek çözünürlüklü fotoğraflar çekebilir. Bu, mobil veya yüksek çözünürlüklü ekranınızda görmek güzel, ancak web sitenizde çok kullanışlı değil. Bu nedenle web sitesi resminizin maksimum genişliğini/yüksekliğini ayarlamanız gerekir. Bazı web siteleri, varsa, “yüksek tanımlı/tam HD” veya 1920 x 1080 pikselden daha büyük görüntüler gerektirir. Tam HD görüntüler hem yatay hem de dikey olarak hizalanabilir, bu nedenle maksimum genişlik/yüksekliği 1920 x 1920 piksel olarak ayarlamanız gerekir. Peki bunu nasıl yapıyorsun? SSH ile her zamanki gibi kolay. Sunucunuzu girin, Web Sitesi Ana Sayfası dizinine gidin ve aşağıdakileri yazın. -iname ‘*.jpg’ -print0 | Xargs -0 -n 1 Mogrify -Isize ‘1920×1920>’ Ancak web sitenizin görüntüsünün boyutunu her zaman manuel olarak değiştirmeye devam edemezsiniz. Daha büyük bir görüntü yüklemesini sınırlamak için, yüklemeden sonra WordPress eklentisini görüntünün boyutunu değiştirmesini kullanmalısınız. Bu, özellikle ziyaretçilerin/kullanıcıların kendi resimlerini yükleyebileceği web siteleri için geçerlidir. Bu eklentiyi ve eklentiler için ayarlarda yüklenmesi/etkinleştirilmesi, istenen maksimum genişliği ve maksimum yüksekliği ayarlayın. Bu eklenti sıkıştırma özelliğini kullanmanızı önermediğimizi unutmayın.
Ve elbette, WordPress temanız SRCSET HTML öznitelikleriyle duyarlı olmalıdır. Duyarlı temalarla, ekran boyutlarına bağlı olarak web sitenizi ziyaret edenler için farklı resim boyutları görüntülenir. Tüm resimlerinizi optimize edin
Modern kameralar çok yüksek çözünürlüklü fotoğraflar çekebilir. Bu, mobil veya yüksek çözünürlüklü ekranınızda görmek güzel, ancak web sitenizde çok kullanışlı değil. Bu nedenle web sitesi resminizin maksimum genişliğini/yüksekliğini ayarlamanız gerekir. Bazı web siteleri, varsa, “yüksek tanımlı/tam HD” veya 1920 x 1080 pikselden daha büyük görüntüler gerektirir. Tam HD görüntüler hem yatay hem de dikey olarak hizalanabilir, bu nedenle maksimum genişlik/yüksekliği 1920 x 1920 piksel olarak ayarlamanız gerekir. Peki bunu nasıl yapıyorsun? SSH ile her zamanki gibi kolay. Sunucunuzu girin, Web Sitesi Ana Sayfası dizinine gidin ve aşağıdakileri yazın. -iname ‘*.jpg’ -print0 | Xargs -0 -n 1 Mogrify -Isize ‘1920×1920>’ Ancak web sitenizin görüntüsünün boyutunu her zaman manuel olarak değiştirmeye devam edemezsiniz. Daha büyük bir görüntü yüklemesini sınırlamak için, yüklemeden sonra WordPress eklentisini görüntünün boyutunu değiştirmesini kullanmalısınız. Bu, özellikle ziyaretçilerin/kullanıcıların kendi resimlerini yükleyebileceği web siteleri için geçerlidir. Bu eklentiyi ve eklentiler için ayarlarda yüklenmesi/etkinleştirilmesi, istenen maksimum genişliği ve maksimum yüksekliği ayarlayın. Bu eklenti sıkıştırma özelliğini kullanmanızı önermediğimizi unutmayın.
Ve elbette, WordPress temanız SRCSET HTML öznitelikleriyle duyarlı olmalıdır. Duyarlı temalarla, ekran boyutlarına bağlı olarak web sitenizi ziyaret edenler için farklı resim boyutları görüntülenir. Tüm resimlerinizi optimize edin
Şimdi eğlenceli bölüme giriyoruz! Web sitenizin resminin gerçek optimizasyonu. İlk olarak, evet, her zaman tüm resimlerinizi optimize etmelisiniz. WordPress, JPG görüntüleri için% 85 varsayılan sıkıştırma seviyesine sahiptir, ancak bu görüntünüzü optimize etmek için yeterli olmayacaktır. Bunu kendin yapmalısın. Görüntüleri optimize etmenin o kadar çok yolu var ki, makaleler sadece bu konuda yazabiliriz, bu yüzden sadece önerdiğim ayarlara odaklanacağım. Burada farklı bir fikriniz varsa, aşağıda yorumları bırakmaktan çekinmeyin. JPG görüntüleri ile progresif sıkıştırma kullanmanızı tavsiye edeceğim. Progresif sıkıştırma ile görüntüler daha hızlı görüntülenir ve düşük kaliteden yüksek kaliteye yüklenir. Ayrıca optimizasyon işlemi sırasında meta verilerin görüntünüzden çıkarılmasını öneririm. Kayıpsız ve kayıplı sıkıştırma ile JPG görüntülerinin sıkıştırılmasında iki ana yol vardır. Kayıplı sıkıştırma, görüntüleri daha küçük, ancak daha agresif hale getirme eğilimindedir ve görüntü kalitesi üzerinde önemli bir etkiye sahip olabilir. Web sitesi arasında hangi sıkıştırma farklı kullanılır, şüpheniz varsa, kayıpsız kullanın.
Web sitesi resimleri nasıl sıkıştırılır
Her şeyden önce, resminizi sıkıştırmak için WordPress eklentilerini kullanamazsınız.Bu kötü bir uygulama ve makalede daha sonra bu konuda daha ayrıntılı olarak tartışacağım.Mümkünse, web sitenize yüklemeden önce resminizi her zaman sıkıştırmalısınız.GIMP ve Photoshop gibi mevcut görüntü düzenleme yazılımının çoğu, “Web için optimize edilmiş” bir sıkıştırma seviyesine sahip görüntüleri depolamak için işlevleri içerir.Genellikle yeterince iyi değiller, ama bu iyi bir başlangıç.Tinypng, olağanüstü ve ücretsiz çevrimiçi resim optimizasyon hizmetleri sunar.
Web sitesi resimleri nasıl sıkıştırılır
Her şeyden önce, resminizi sıkıştırmak için WordPress eklentilerini kullanamazsınız.Bu kötü bir uygulama ve makalede daha sonra bu konuda daha ayrıntılı olarak tartışacağım.Mümkünse, web sitenize yüklemeden önce resminizi her zaman sıkıştırmalısınız.GIMP ve Photoshop gibi mevcut görüntü düzenleme yazılımının çoğu, “Web için optimize edilmiş” bir sıkıştırma seviyesine sahip görüntüleri depolamak için işlevleri içerir.Genellikle yeterince iyi değiller, ama bu iyi bir başlangıç.Tinypng, olağanüstü ve ücretsiz çevrimiçi resim optimizasyon hizmetleri sunar.
Web sitesi resminizi sıkıştırmak için, sunucu tarafı sıkıştırmasını JPEGOPtim ve OptipNG gibi yazılımlarla kullanmalısınız. Bunun bir cron kullanarak çalışması planlanmalıdır. Görüntülerin Sıkıştırılması için Komut Dosyası Vaaz ettiğimizi uygulamaktan hoşlanıyoruz ve web sitelerini sıkıştırırken daha önce bahsedilen JPEGOPtim ve Optipng sunucu yazılımını kullanıyoruz. Aslında çalıştırdığımız sipariş ayarlarına sahibiz, sadece çok iyi sıkıştırma yapmakla kalmaz, aynı zamanda tekrar tekrar çalıştırdığımızda, sadece daha önce sıkıştırılmamış görüntüleri sıkıştırırlar. Burada dikkat edilmesi gereken önemli şey, görüntü sıkıştırmasının kaynakların çok ağır bir görevi olabileceğidir. Bu, her zaman çalıştırmak istediğiniz bir şey değildir, çünkü sunucunuzun aşırı yüklenmesine ve/veya çökmesine neden olabilir. Görüntü sıkıştırma komut dosyası mümkün olan en düşük önceliğe sahip olacak şekilde ayarlanmıştır. Aşağıda etkili JPG ve PNG görüntü sıkıştırması için basit bir BASH betiği bulunmaktadır. #!/Bin/Bash # Simple Image Sıkıştırma Komut Dosyası Sergebolt tarafından # Sürüm 1.0, 22 Kasım 2019 # Web sitenize tam yolu ayarlayın Homedir = “/full/yol//web sitesi/homedir/” # # Tüm olmayanları sıkıştırın NO –Ppressed .jpg ve .png Görüntüler CD $ homedi güzel -n 19 Find. -iname ‘*.jpg’ -print0 | xargs -0 JPEGOPTIM –Max = 82 -AL -ALL -Progression –Strip -all -l -Perserve -Totals -Totals -n 19 Find. -iname ‘*.jpeg’ -print0 | xargs -0 JPEGOPTIM –Max = 82 -AL -ALL -Progression –Strip -all -l -Perserve -Totals -Totals -n 19 Find. -iname ‘*.png’ -print0 | xargs -0 optipng -o7 -presve echo “Görüntü sıkıştırma yapıldı!”
Bu kodu, web sitenize depolama alanında kaydettiğiniz komut dosyasına kopyalayın/yapıştırın. Homedir değişkeninin web siteniz için ana dizinine ayarlanması gerektiğini unutmayın. Komut dosyası, CHMOD +X kullanılarak SSH/SFTP aracılığıyla yürütülebilir. Son olarak, haftada bir kez yürütülecek bir komut dosyası planlayın. Büyük olasılıkla daha sık çalıştırmanız gerekmez. Neden bir eklenti kullanmıyorsunuz? Öyleyse, neden görüntü sıkıştırmanız için WordPress eklentisini kullandığınızda, komut dosyasını hazırlayarak ve Cron üzerinden planlayarak neden tüm bunlardan geçmek istiyorsunuz? Eklentileri kullanmamanın temel nedeni, eklentilerin web sitenizi ve/veya web sunucunuzu yavaşlatmasıdır. Sıkıştırma eklentilerini kullanmak için kaynakları gerçekten boşa harcıyor. Daha önce bahsedilen sunucu tarafı yazılımı ile neredeyse aynı olan şeyler yaparlar, ancak web ve wordPress sunucuları aracılığıyla. Bu çok verimsiz. Resim optimizasyon eklentileri her zaman ttfb web sitenize eklenir. Ve bazı eklentiler, barındırma sağlayıcınıza bağlı olarak farklı özellikler sunar. Evet, seni görüyoruz, ewww. Gerçekten bir eklenti kullandıysanız, harici bulut sıkıştırma desteği olan bir eklenti kullanmak isteyebilirsiniz. Bu, web siteniz/sunucunuzdaki yükü azaltacaktır. Bunu sunan iki eklenti kısa pikseller ve tinypng’dir. Harici sıkıştırma ile bile, web sitenizin performansının azalacağını unutmayın, çünkü görüntünün sunucuya/sunucuya taşınması gerektiğini unutmayın. Bu, sunucu tarafı yazılımını kullanarak görüntü sıkıştırmasını çözmek için gerçekten en iyisidir. Tembel yükleme görüntüleri
Web sitenizin web sitesini nasıl optimize ettiğiniz ve sıkıştırmanın yanı sıra, resminizi yüklemek için her zaman tembel olmanız gerekebilir.Yavaş yükleme, sadece görüntülerin başlangıçta yüklenen ekranlarında görüldüğü anlamına gelir.Görüntünün geri kalanı, ziyaretçiler gördüğünde/gördüğünde veya ekranı kaydırdığında yüklenir.Bugün resimleri tembel olarak yüklemenin iki yolu var.”Eski” tembel yükleme tekniği ile JavaScript tembel yük görüntüleri için kullanılır.Ne yazık ki bu, web sitenizdeki komut dosyalarının sayısını biraz artırır, ancak bu neredeyse tüm modern web tarayıcılarıyla çalışacaktır.Bunun için iyi bir eklenti var, oldukça tembel yük.Yükleyin/etkinleştirin ve yalnızca işlev görür.Yavaş “yeni” yükleme tekniği ile, yeni yükleme özellikleri = tüm web sitesi resimlerine eklenecek tembel.Bu öznitelik şu anda yalnızca Google Chrome tarafından desteklenmektedir, ancak daha fazla web tarayıcısının gelecekte desteklemesi muhtemeldir.Google, Native Lazyload adında benzer bir eklentiye sahiptir.WP-Chli
Bu kodu, web sitenize depolama alanında kaydettiğiniz komut dosyasına kopyalayın/yapıştırın. Homedir değişkeninin web siteniz için ana dizinine ayarlanması gerektiğini unutmayın. Komut dosyası, CHMOD +X kullanılarak SSH/SFTP aracılığıyla yürütülebilir. Son olarak, haftada bir kez yürütülecek bir komut dosyası planlayın. Büyük olasılıkla daha sık çalıştırmanız gerekmez. Neden bir eklenti kullanmıyorsunuz? Öyleyse, neden görüntü sıkıştırmanız için WordPress eklentisini kullandığınızda, komut dosyasını hazırlayarak ve Cron üzerinden planlayarak neden tüm bunlardan geçmek istiyorsunuz? Eklentileri kullanmamanın temel nedeni, eklentilerin web sitenizi ve/veya web sunucunuzu yavaşlatmasıdır. Sıkıştırma eklentilerini kullanmak için kaynakları gerçekten boşa harcıyor. Daha önce bahsedilen sunucu tarafı yazılımı ile neredeyse aynı olan şeyler yaparlar, ancak web ve wordPress sunucuları aracılığıyla. Bu çok verimsiz. Resim optimizasyon eklentileri her zaman ttfb web sitenize eklenir. Ve bazı eklentiler, barındırma sağlayıcınıza bağlı olarak farklı özellikler sunar. Evet, seni görüyoruz, ewww. Gerçekten bir eklenti kullandıysanız, harici bulut sıkıştırma desteği olan bir eklenti kullanmak isteyebilirsiniz. Bu, web siteniz/sunucunuzdaki yükü azaltacaktır. Bunu sunan iki eklenti kısa pikseller ve tinypng’dir. Harici sıkıştırma ile bile, web sitenizin performansının azalacağını unutmayın, çünkü görüntünün sunucuya/sunucuya taşınması gerektiğini unutmayın. Bu, sunucu tarafı yazılımını kullanarak görüntü sıkıştırmasını çözmek için gerçekten en iyisidir. Tembel yükleme görüntüleri
Web sitenizin web sitesini nasıl optimize ettiğiniz ve sıkıştırmanın yanı sıra, resminizi yüklemek için her zaman tembel olmanız gerekebilir.Yavaş yükleme, sadece görüntülerin başlangıçta yüklenen ekranlarında görüldüğü anlamına gelir.Görüntünün geri kalanı, ziyaretçiler gördüğünde/gördüğünde veya ekranı kaydırdığında yüklenir.Bugün resimleri tembel olarak yüklemenin iki yolu var.”Eski” tembel yükleme tekniği ile JavaScript tembel yük görüntüleri için kullanılır.Ne yazık ki bu, web sitenizdeki komut dosyalarının sayısını biraz artırır, ancak bu neredeyse tüm modern web tarayıcılarıyla çalışacaktır.Bunun için iyi bir eklenti var, oldukça tembel yük.Yükleyin/etkinleştirin ve yalnızca işlev görür.Yavaş “yeni” yükleme tekniği ile, yeni yükleme özellikleri = tüm web sitesi resimlerine eklenecek tembel.Bu öznitelik şu anda yalnızca Google Chrome tarafından desteklenmektedir, ancak daha fazla web tarayıcısının gelecekte desteklemesi muhtemeldir.Google, Native Lazyload adında benzer bir eklentiye sahiptir.WP-Chli
WordPress komut satırı arabirimi olan WP-Chli, birkaç ilginç görüntü işlevi sunar. Varsayılan olarak, web siteniz için kayıtlı tüm resim boyutlarını listeleyen “WP Medya Görüntü Boyutu” ve WordPress görüntülerini yeniden oluşturabilen “WP Media Regenerate” (eklentiler kullanmaktan çok daha iyi). WP-CHLI ile eğlenceli şeylerden biri, ek işlevler yükleyebilmenizdir. Bu işlevlerden biri, WP-CHLi aracılığıyla görüntü optimizasyonuna izin veren “WP görüntü-optimize” dir. Bence bu WP-CHLI paketi çok ilginç ve belki de WordPress ile görüntüleri optimize etmek için gelecek. Ancak bugün deneyimime göre, prodüksiyon web sitesi için kararsız ve oldukça etkili. Cloudflarekami görüntü özelliği, CloudFlare kullanmayı şiddetle tavsiye eder. Cloudflare, dünyanın en büyük CDN ve güvenlik hizmetidir ve ServiLt resmi Cloudflare Enterprise ortağıdır. Cloudflare, planla bir dizi ilginç görüntü özelliği içerir.
Cloudflare Free, ücretsiz CDN hizmetlerini içerir. Global sunucu/düğüm CDN ağlarıyla büyük olasılıkla CDN Cloudflare, web sitesi ziyaretçilerinize sunucunuzdan daha yakındır.
Cloudflare Pro, Lehçe adlı bir işlev içerir. Kayıpsız veya kayıplı sıkıştırma kullanarak web sitesi görüntüsünüzü otomatik olarak optimize edebilir. Ayrıca, bunu destekleyen bir web tarayıcısına sahip ziyaretçilere daha modern ve daha hızlı bir WebP görüntü biçimi sunabilir.
Cloudflare görüntü boyutunu hızlı bir şekilde değiştirmek Cloudflare, şimdiye kadar gördüğümüz en havalı görüntü işlevlerinden birine sahiptir – görüntünün boyutunu Cloudflare’nin kenarında hızlı bir şekilde değiştirmek. Bu, CloudFlare’yi çalıştıran sitenizin Cloudflare’e bir resim sunabileceği ve boyutunu değiştirecekleri, sıkıştıracak ve ağlarındaki önbellekte saklayacakları anlamına gelir. Sıradan görüntüler için SRCSET özelliği kullanmayın, bu harika bir özellik olmaktan başka pek çok şey yapmaz ve sunucuda kaydetmeniz gereken çeşitli boyutların sayısını sınırlar. Ancak, SRCSET ile bir kombinasyonda bu özellik sihir gibidir. Değişen görüntü boyutunu SRCSET ile birlikte kullanırken, aşağıdakilerden birini yapabilirsiniz: Kullanıcının görünüm alanı için doğru görüntü boyutunu istediğiniz zaman sunun. Daha fazla resim çok büyük değil.
Detayları daha az önemli olan küçük/küçük resimlere daha yüksek bir sıkıştırma ve büyük görüntülerde daha düşük sıkıştırma.
Cloudflare görüntü boyutunun değişen özelliği ile oynatma URL’deki WordCamp Nordic’ten görüntüümle bu özellik ile oynayabilirsiniz, Cloudflare görüntüsünün değişen boyutunu kullanmak için bazı parametreler ayarlanmıştır. Burada maksimum genişliği 2000px’e ayarladık ve kalite 1’dir. Etkiyi anında görmek için URL’deki parametreleri ayarlayın. Tabii ki, Cloudflare bundan daha fazlası. Service’de sunduğumuz Cloudflare barındırma hakkında daha fazla bilgi edinmekten çekinmeyin. Ve bu, İsveç’in Stockholm kentindeki WordPress toplantısından çok fazla görüşmem var. Konuşma canlı yayınlandı ve burada da kaydedildi:
