2017'de En Etkili Web Sitesi Performansı Optimizasyon Püf Noktaları

İlk izlenim, tek şansınız baskın izleniminiz olabilir.

Hemen hemen her işletme, sürekli artan çevrimiçi topluluğa erişimini artıran bir web sitesine sahiptir. Ancak, hepsi, franchise'larının erişimini tanımlama yeteneklerini baltalayan web sitesi performans optimizasyonunun önemine gerçekten öncelik vermiyor.

Buna ek olarak, web sitesi ziyaretçileri, özellikle gün geçtikçe artan çevrimiçi rekabetle birlikte sabırsız ve çok daha talepkar hale geliyor.

2015 yılında FEVAD (E-Ticaret ve Mesafeli Satış Federasyonu) , internet kullanıcılarının neredeyse %57'sinin web sitesinin 3 saniye veya daha kısa sürede yüklenmesini istediğini söylüyor.

Aslında, yüklenmesi daha uzun süren bir web sitesine herhangi bir kullanıcı tarafından en az tercih verilecek, değil mi?

Kendine o soruyu sor.

İşletmeler, herhangi bir işletmenin yapı taşları olan müşterilere büyük ölçüde güvenir ve markanın onları desteklediğini bilmeleri gerekir. Beklemek istemiyorlar.

Hoş olmayan izlenimler, özellikle hızlı yayılan, trafik ve en önemlisi PARA kaybına neden olan tatmin edici olmayan incelemeler oluşturur.

Amazon, 1 saniye daha yavaş olan bir sitenin satışlarda yılda yaklaşık 1,6 milyar dolar zarara yol açabileceğini söylüyor.

Teknoloji devi Google, trafikte %20'lik bir düşüşle yükleme süresindeki yarım saniyelik gecikmenin bedelini ödedi.

Zaman kesinlikle paradır, değil mi?

İnternetin neredeyse benzer amaçlara hizmet eden web siteleriyle dolup taşmasıyla, saatin ihtiyacı, sitenizde izleyicileri memnun edebilecek, trafik oluşturabilecek ve amaçlarına hizmet edebilecek mükemmel dengeyi kurmak olacaktır.

Bu dünyadaki her şey değişebilir ve bu nedenle web siteleri neden olmasın?

İstatistiksel olarak konuşursak, Mozilla sayfa hızlarını neredeyse 2 saniye artırdığında indirmede %15,4'lük bir artış kaydedildi .

Kinsta , "İnsanlar, yavaş ilgili sayfalar yerine hızlı yükleme önemsiz sayfaları tercih ediyor" diyor.

Zirvede kalmak için rakiplerinizi geride bırakmanız gerektiğinden, bu kendisini büyük bir bilmece olarak sunmaz.

Biri Usain Bolt'u çağırsın!

FAKAT!

Sizin için bir web sitesini kodlamak için kesinlikle Jamaikalı'nın stratejilerine ihtiyacınız yok, çünkü rekabette öne geçmeniz ve sayfanızı küresel izleyiciler arasında öne çıkarmanız için birkaç İPUCU VE HİLELİ sunduk.

Bize daha sonra teşekkür edebilirsin.

İşte başlıyoruz:

Tüm bunları tek seferde uygulamak zahmetli bir iş olabilir, bu nedenle her bir adımı tek tek yapmanız ve yükleme süresindeki farkı analiz etmeniz daha iyi olur.

Bunları sırf sırf onun için kopya çekmemeniz, önce anlamanız, sonra uygulamanız çok önemli.

01. Minimal Git

Web sayfanızı, göze rahatlatıcı, mümkün olduğunca yalın olacak şekilde düzenleyin. Fazladan satırlar, satır sonları, görüntüler ve diğer istenmeyen gereçler boşa gider.

Apple , Audi vb. gibi milyarlarca dolarlık şirketlerin ana sayfalarından ilham alın ve yapılandırma metodolojilerini analiz edin.

İlham ve intihal arasındaki ince çizgiyi anlayacağınızdan eminim.

02. Görüntü Optimizasyonu

Bir resim aslında bin kelimeden daha değerlidir ve kesinlikle o kadar ağırdır.

2016'daki bir HTTP Raporunda “ Bir web sayfasının ağırlığının %64'ü yalnızca görsellerinde yatmaktadır. ” Bu kesinlikle işleri perspektife sokuyor.

Siz de fark etmişsinizdir, görüntüler daha fazla zaman alır. Şimdi bunu sana söylememe gerek yoktu değil mi?

Ne yapabilirsin?!

• Yalnızca gerçekten önemli olan yerlere resim eklemeyi seçin – kaliteye öncelik veriyorsanız JPEG'de ve logo gibi daha önemsiz olanlar için PNG'ye öncelik veriyorsanız. BMP'ler ve TIFF'LER HAYIR!

• Görüntünün ilgili gereksinime göre uygun şekilde boyutlandırılması, bant genişliğine yük olan gereksiz gereksiz veri oluşumunu engeller.
• Smushit , JPEG/ PNG Stripper gibi araçlar, bir düğmeye tıklayarak zahmetsiz optimizasyon sağlar.

03. CSS Teslimat Optimizasyonu

Kısa bir süre önce, bir web sayfasının optimum boyutu, resimler, metin vb. tüm öğeler dahil olmak üzere yaklaşık 30 KB olarak kabul edildi.

CSS ve JavaScript'in ortaya çıkışı, bu 30KB engelini modernleştirdi ve kırdı ve kullanıcılara çok daha zenginleştirilmiş bir deneyim sağladı.

“Stenografi” yöntemini kullanarak kod okuma döngülerini azaltarak, teslimat hızı optimize edilebilir. Temel olarak, fazlalığı sorunun dışında bırakın.

Sayfayı dahili bir stil sayfasına dönüştürmeden önce yüklenebilen harici bir stil sayfasının tercih edilmesi de yardımcı olur. Her şey “kodlama uzmanının” nasıl çalıştığına bağlı.

Karmaşık komut dosyalarını ve gereksiz kod satırlarını azaltın. Yeterince adil görünüyor, değil mi?

04. Sıkıştırma teknikleri

CSS ve Javascript aslında birden fazla şekilde optimize edilebilir. Teslimat sistemini daha önce tartışmıştık.

Şimdi bunları bu şekilde nasıl sıkıştırabileceğimize bakalım.

• Aralarındaki boşlukları kaldırarak sonraki CSS ve JavaScript kombinasyonu ile sıkıştırmak için CSS ve JavaScript'i küçültün.
• Diğerleri arasında CSS Optimize Edici , Temiz CSS ve çok daha fazlası bulunur.
• GZip sıkıştırması , benzer kod öğeleri bularak yardımcı olur ve bunları geçici olarak daha kısa karakterlerle değiştirir.

Dikkat : Görüntüleri, PDF'yi vb. sıkıştırmak için Gzip'i kullanmak, yeni dosyanın önceki sürümden daha büyük olmasına neden olabilir; ayrıca eski tarayıcı desteği garanti edilemeyebilir. (Kim eski şeyleri de kullanır, btw?)

05. “404 Hatası”

Bu, kodlayıcılar arasında tanıdık gelebilir ve aynı zamanda korktukları bir şey olabilir. Eksik dosya veya sayfa olması durumunda açılır.

Basit gibi görünse de, tipik bir 404 hatasının teslim edilmesi için yaklaşık 50-100 MB bellek gerekir . Sindirimi zor görünüyor mu? İnsanların korktuğu bir şey olduğunu söyledim.

Eklentiler, bu tür hataları kontrol etmek ve hatalarını ayıklamak için çeşitli yollar sunar, ancak sunucuda çok uzun süre kalırlar ve bu da karşılık gelen her bir sunucunun kaynaklarını boşa harcar.

Bu nedenle, tarama yapmak, hata sayfalarını belirlemek ve bunları düzeltmek için Screaming Frog gibi araçların kullanılması tercih edilir, böylece çok fazla bant genişliği harcamazlar ve ziyaretçi israfını azaltırlar.

Screaming Frog için ücretsiz alternatifler olan Visual SEO Studio ve WildShark SEO Spider Tool var.

06. Varlıkların Boşaltılması

Bununla, ana sunucudan CSS, resimler vb. gibi içerikleri ayırmak ve bunları yüklemek için diğer sunuculara güvenmeyi kastediyoruz.

Bu da, diğerlerine devrederek tek bir ana sunucuya olan güveni azaltır ve böylece sayfanın yüklenmesi için gereken süreyi azaltır.

Paylaşmak gerçekten önemsemektir.

Ayrıca ihtiyaçlarınız için birkaç boşaltma tarafı öneriyoruz:

• Flikr , Smugmug , 5- Görseller
• Google Feedburner – RSS
• Anketler – SurveyMonkey , bunlardan sadece birkaçı var.

Ayrıca, biraz daha pahalı olan ancak paylaşılanlardan çok daha fazla hız sunan özel barındırma hizmetinden de yararlanabilirsiniz.

07. Sunucu Optimizasyonları

Daha fazla RAM ve önbellek boyutuna sahip daha iyi sunucular seçmek, performans endeksini mutlaka iyileştirecektir.

Düzenli yazılım güncellemeleri ve yansıtma servisleri oluşturmak, servisler arasındaki yükü dengelemeye yardımcı olur ve daha hızlı erişim süreleri sağlar.

08. Eklenti Kullanımı

Gereksiz eklentiler yalnızca birden fazla sunucu çökmesine kurban olmaz ve yüklenmesi daha uzun zaman alır.

"O" web sitesinde gördüğünüz o "harika" geçiş veya öğe sizin için her zaman doğru seçim olmayabilir.

Öğelerinizi akıllıca seçin.

09 Hata ayıklama

Kodlayıcılar dikkat! Sizler tamamen bununla ilgili olacaksınız.

En küçük hata bile, noktalı virgülle tahmin yapmak, hem siteyi hem de sunucuyu çökertebilecek bir bellek dökümü sorununa neden olabilir.

Çizgilerin sorunlara neden olmayacağından emin olana kadar kodları tekrar tekrar oluşturun ve Microsoft Visual Studio gibi hata ayıklama uygulamalarının kullanılması uzun vadede size yardımcı olacaktır.

10. Hız Testleri

Birden çok platform, web sitelerinin yükleme hızlarını değerlendiren ve sitenizin diğerlerine kıyasla ne kadar hızlı yüklendiğini belirleyen hız testleri sunar.

Ayrıca, sorunların nerede olduğu konusunda gerekli bilgileri sağlamaya yardımcı olurlar ve bazıları sitenin özelliklerini değiştirmek için tavsiye bile verebilir.

Pingdom , GTmetrix ve bazıları gibi siteler birkaç isim.

Bunalmış hissediyorsanız, sadece derin bir nefes alın. Dropbox , Apple ve Microsoft gibi milyarlarca dolarlık işletmelerdeki Geliştiriciler aynı şeyi yaşadılar.

Bu doğru, gerçekten gibi!

Dakikalar içinde gerçekleşen optimizasyonlarla şimdi bile değişiklik yapıyorlar. Bir başarı mantrasını kopyalamak istemiyorlar, daha fazlasını yaratmak istiyorlar.

Tabii ki, teknolojiden anlayan kişiler için, web sayfası optimizasyonu ve çok daha fazlasıyla ilgili işleri dışarıdan temin edebileceğiniz bir platformla tanıştırıyoruz.

Prime One Global şirketimiz bununla ilgilenecek ve sonunda hem müşterinin hem de müşterinin ihtiyaçlarını karşılayan bir web sitesiyle övünebilirsiniz. Daha fazla bilgi edinmek için [email protected] ile bağlantı kurun veya Facebook Sayfamıza ping atın.

Gitmeden önce!

Bütün bunlar karmaşık gelebilir, ancak web siteleri böyle çalışır. Gelişmiş optimizasyonla ilgili teknikleri bilmeniz gerekir.

Önemli noktalara değinecek olursak, müşteriler yükleme hızlarının optimum seviyede olmasını isterler ve bunun için minimal bir tasarıma bağlı kalırlar ve kullanımlarına göre görüntü formatlarını seçerler .

Sadece potansiyel bir ziyaretçinin bakış açısından düşünün. Bir web sitesinin yüklenmesi için uzun süre bekler misiniz?

Tabii ki değil.

Sabır bugünlerde hala bir erdemdir, ancak hemen hemen her yönüyle dijitalleştirilmiş bir dünyada yaşadığımızdan, önde olmak için değişimi kucaklamamız gerekiyor.