Performans yeni SEO'dur

Alugha gibi bir proje geliştirirken, başlangıçta birçok önceliğe sahipsiniz ve performans konusu genellikle önemsiz. Ancak Google'ın veri toplama zamanlarında ve bu gereksinimler ana konu haline geldi ... Böylece performansı açıkladık ve hazırlandık.

Yaklaşık bir yıl önce, alugha ile teknoloji ve gelişim açısından yeni yollar aramaya karar verdik ve "kaputun altında" çok şey yeniden inşa ettik. Bunu can sıkıntısı çekmeden yapmadık ve alugha'nın sizin için inşa etmek istediği şeylerin çok olduğunun çok farkındaydık. Peki ne yapmalı? Zaman, "israf" geçirdi, yeniden inşa etti veya yeni özellikler sunarken geçirdi mi? Var olanları tamamen görmezden gelmek yerine her zaman yeni özellikler sunmayı isteyen pek çok kimse var ve iş açısından bu kesinlikle burada ve orada mantıklı. Fakat geleceğe performans, arzulanan işlevler, rekabet açısından hazır olmak istiyorsanız ... o zaman aşağıda, tabanında, kodda başlamak zorundasınız …

Google geçtiğimiz günlerde, araştırmalarında bazı önemli değişiklikler olacağını açıkladı. Bir yandan, genel olarak web sitelerinin hızı ve diğer taraftan, "Önce Mobil" konusu. Genel olarak, bu çok övgüye değer bir proje, sonuçta bugün büyük ölçüde mobil şebekede ve hareket halinde olan akıllı telefon veya tabletle karşılıyoruz. Bu açıdan: TOP! Google! Web sitesi hızını test etmek için doğru araç Google tarafından PageSpeed ​​şeklinde sağlanmaktadır. Yükleme hızı hakkında bilgi ek olarak, bu doğrudan optimizasyon önerileri sağlar. Sadece Google, yaptırımları duyurduğunu fark ettiğinde can sıkıcı bir hal alır, önerilere sadık kalmamalı, Google taraftarları ancak orta saha yarışmasında bile bu konularda rekabet etmiyor. Ancak Google, kendi sorunlarını hızla çözecek kadar büyük ve bu yalnızca gelecek için bir yan not olarak kullanılmalıdır (Google bildiğimiz gibi unutmamaktadır ;-) ).

Oynatıcıyı tamamen yeniden kurduktan ve Polymer'den (Google Framework) uzaklaştıktan sonra, kendi başına bir miktar performans elde edebildik, böylece site kendiliğinden yeniden tasarlandı. Fakat hala bunun ortasındayız ve bazı sayfalar (ne yazık ki) Angular kullanıyor. Yeni geliştirme araçlarına geçiş ve React hepsine sahip. Kodu buraya ve oraya uyarlama hakkında değil, hayır :( Tüm boş, tümü silindi, orada yeni sayfa fikri, deneyim kazandı, çok şey öğrendi ve bununla birlikte birçok şey doğru yerden yaptı ...sloganıydı! Dolayısıyla SingleVideoPage'mız (SVP), arama ve çeşitli sayfalar zaten Reaktöre dönüştürülmüştür - ve buradaki güç artışı! 

Şu anda Google'dan iki test var. Biri yıllardır PageSpeed ​​adı altında bilinir Videonun ön planda olduğu ilgili tarafları test ettik (dolayısıyla SVP'lerini pratikte onların). DailyMotion, Twitch, Vimeo, YouTube ve alugha'yı karşılaştırdık. 

Pagespeed

PageSpeed ​​testlerinde% 80'in altındaki tüm değerler sarı olarak işaretlenmiştir ve yakalamak için acil bir ihtiyaç olduğunu belirtmektedir. Yaklaşık% 50 kırmızı ve Google gibi bir şey söylüyor: Merhabaaaa McFly … Evde biri var mı? Ödevinizi HIZLI yapın ve sorunları çözün!

LightHouse

En yakın zamanda, Google (I/O 2017'den bu yana) çok daha heyecan verici yeni bir araç daha yayınladı: LightHouse. LightHouse'u doğrudan Chrome Browser altındaki DevTools altındaki Audits'de arayabilirsiniz.

Halen LightHouse beta aşamasında ve yalnızca masaüstü tarayıcısında mevcut. Bu nedenle tüm değerler doğru değildir. Testler yalnızca bir web sitesinin mobil sürümüne atıfta bulunduğu için bu özellikle önem taşır. Örneğin, videolarda otomatik oynatma var - ancak masaüstü tarayıcısında alugha'yı ziyaret ederseniz, ancak videolar maalesef otomatik olarak testte oynatılır ve negatif olarak değerlendirilir. Aslında videolar herhangi bir performans sorununa neden olmaz, çünkü videolar el ile el ile başlatılabilir. Gelecekte bile Google'ın bunu geliştireceğini varsayıyoruz. Bizim taraftan kesinlikle google için bir soruşturma var.

Her iki grafikte de görebileceğiniz gibi, diğer tüm video sitelerine oranla çok iyi ve neredeyse tüm testlerde birinci sırada yer alıyor. React'le karşılaştığımızda, alugha'daki tüm sayfalar o kadar hızlı sonuçlanacak ve kendimizi yeni ufuklara dönüştürebiliriz - sizin için yeni harika özellikler oluşturmaya devam edebiliriz!

#REACT

#ANGULAR

#PAGESPEED

#SEO

#PERFORMANCE

#JS