test my site with google

test my site with google : Sprawdź, czy Twoja strona internetowa jest dostosowana do komórek

Mały update mojego wpisu z czerwca 2016: Mobile Website Speed Testing Tool

Narzędzie od Google do oceny naszej strony pod innym adresem i po polsku: https://testmysite.withgoogle.com/intl/pl-pl/

test my site with googleJest pole do optymalizacji. Sprawdźmy co można zrobić.

Continue reading „test my site with google”

test my site with google

Test AMP

Optymalizacji bloga cześć dalsza. ostatnio pisałem o stronach dostosowanych do urządzeń mobilnych, dzisiaj idę dalej tym tropem i optymalizuję pod kątem AMP. Pomoże w tym Test AMP

AMP to Accelerated Mobile Pages. Technologia AMP to projekt open source. Zweryfikowane strony AMP są zapisywane w pamięci podręcznej stron AMP Google, dzięki czemu są one szybciej wyświetlane. Żeby strona była obsługiwana zgodnie z tą technologią, musi być utworzona zgodnie ze specyfikacją AMP HTML. Test AMP to narzędzie pozwalające sprawdzić, czy strona jest zgodna z technologią AMP.

Oczekujemy wyniku jak poniżejtest amp

Continue reading „Test AMP”

Test AMP

Optymalizacja strony z szablonu

Na podstawie dostępnego w necie szablonu powstała strona, a raczej microsite: https://uniwerek.edu.pl

Jest to strona stowarzyszenia, które będzie prowadziło mały klubik dla dzieci. Założeniem podczas budowy było maksymalne ograniczenie kosztów. W związku z tym zdjęcia pochodzą z domeny publicznej, zostały wykorzystane tylko darmowe elementy  a strona jest hostowana na githubie. Jedynym kosztem jest zakup domeny. Continue reading „Optymalizacja strony z szablonu”

Optymalizacja strony z szablonu

High Performance Browser Networking by Ilya Grigorik

Ilya Grigorik to kolejny człowiek, którego artykuły i wystąpienia należy śledzić. Rewelacyjnie potrafi sprzedać swoje idee i wyjaśnić niewyjaśnione.

Warto zapoznać się z jego książką High Performance Browser Networking (online dostępna za darmo: http://chimera.labs.oreilly.com/books/1230000000545/index.html

Update: nowy adres https://hpbn.co/High Performance Browser Networking

Nie tylko początkującym, ale i zaawansowanym testerom wydajności pomoże spojrzeć na pewne kwestie z innej (często lepszej a nawet czasami wręcz właściwej) strony.

Możemy też dowiedzieć się, że poniżej pewnych granicznych wartości nie mamy szans póki co zejść.

Książka stara (update 2014-05-23) jak na postęp w opisywanej dziedzinie – protokół HTTP/2 nie był jeszcze standardem i nie ma mowy o protokole QUICK, ale większość zawartości nadal aktualna.

Update: było kolejne uaktualnienie treści, ale nie znam daty: jest opisany protokół HTTP/2 jako standard.

Zachęcam do lektury.

High Performance Browser Networking by Ilya Grigorik

Reguły PageSpeed Insights

Kilka dni temu pisałem o narzędziu PageSpeed Insights. Dzisiaj przybliżam mechanizmy (a raczej wskazuję źródło), które wykorzystywane są podczas analizy zadanej strony WWW.

Poniżej linki związane z PageSpeed Insights prowadzące do odpowiednich stron Google Developers, gdzie znajdziemy wyczerpujący opis danej reguły.

PageSpeed Insights

Reguły dotyczące prędkości

Reguły dotyczące użyteczności

Reguły PageSpeed Insights

Optymalizacja szybkości stron web

Na to jak szybko w przeglądarce pojawi się nam żądana strona WWW wpływają nie tylko szybkie serwery, szybkie łącze internetowe, itp., ale także np. kolejność ładowania się na stronę poszczególnych elementów i czas ich renderowania. Dowiecie się o tym z kursu Website Performance Optimization

Temat ten świetnie przybliża Google’owy kurs Website Performance Optimization – The Critical Rendering Path.

Niejako jego dalszym ciągiem jest kurs Browser Rendering Optimization – Building 60 FPS Web Apps.

Website Performance Optimization

Kursy dostępne są za darmo na platformie Udacity.

Jestem wielkim fanem kursów MOOC. Co to jest opiszę już niebawem 🙂

Optymalizacja szybkości stron web