Szybkie ładowanie strony www – sprawdź co opóźnia wyświetlenie

Trafiłem dziś na narzędzie, które może okazać się przydatne dla osób prowadzących serwisy internetowe.
Darmowy test szybkości ładowania elementów strony internetowej znajduje się na stronie http://www.tools.pingdome.com.

Narzędzie pokazuje nie tylko czas ładowania, ale także strukturę ładowania poszczególnych elementów strony. Nie mam pewności, czy pokazywane dane w 100% odpowiadają czynnościom wykonywanym przez wszystkie przeglądarki internetowe, ale z pewnością daje to jakiś pogląd na wpływ struktury strony internetowej na czas potrzebny do jej wyświetlenia.

Warto byłoby zastanowić się czy lepiej ładować dużo małych obrazków czy jeden duży, sprawdzić czy plik html nie zawiera niepotrzebnie długaśnego kodu i np. przetestować działanie witryny na kilku różnych serwerach oczywiście o ile mamy taką możliwość.

Polecam też porównać szybkość ładowania swojej strony z innymi witrynami i to wieloma. Warto zobaczyć jak działają podobne serwisy z podobną liczbą elementów.

———————————-

OK… minęło parę dni, odchudziłem trochę swoją stonę, ale też sporo zostało do zrobienia. Nie umiem włączyć kompresji gzip na serwerze. Tutorial, który znalazłem nie działa, a nie mam na razie czasu na grzebanie. Trzeba też wywalić obrazki png z przeźroczystością – ładnie to wygląda, ale zajmuje stanowczo za dużo KB.

Znalazłem również inne narzędzie do optymalizacji szybkości działania strony www: Page Speed. Mierzy czas wczytywania (z naszego komputera – tu i teraz z naszym łączem, a nie z obcego serwera jak pingdom) i podaje dużo wskazówek, jak zoptymalizować daną stronę z dość obszernym wyjaśnieniem jak to zrobić i po co. Żeby go użyć potrzeba Firefoxa z zainstalowanym dodatkiem Firebug, który też polecam. Firebug ma taką przyjemną właściwość, że pozwala widzieć co się stanie, gdy zmienimy jakiś fragment kodu strony. Można w ten sposób łatwo wykryć błędy, czy dobrać kolory i czcionki.

Page Speed zwrócił moją uwagę na aspekt obrazków. We wskazówkach doczytałem się dość logicznego stwierdzenia, że należy podawać w kodzie strony wymiary grafik, aby przeglądarka nie traciła czasu na ich pomiar przy generowaniu strony. Wydaje się słuszne.