Opublikowane w

Optymalizacja strony – czas ładowania a Google

Już jakiś czas temu Google ogłosił, że jednym z wielu parametrów jakie wpływają na pozycję naszej strony w wynikach wyszukiwania jest szybkość ładowania się strony. Jest wiele narzędzi, dzięki którym możemy sprawdzić czy nasza strona jest optymalnie napisana. Prędkość wczytywania strony możemy sprawdzić m. in. za pomocą dodatku YSlow udostępnionego przez Yahoo lub dodatku Page Speed od Google. Obydwa te pluginy w prosty sposób dostarczają nam też informacji o przyczynach problemów oraz sposobach ich rozwiązani. Czy to jednak wystarczy ? Jak sprawdzić jak Wujek Google odbiera naszą stronę i czy dobry wynik zwrócony przez wymienione dodatki przekłada się jakoś na ten odbiór? Google już jakiś czas temu udostępnił narzędzie dzięki, któremu możemy przynajmniej w przybliżony sposób dowiedzieć się jak naszą stroną postrzega Wielki Brat Google. Narzędzie „Wydajność witryny” dostępne jest w „Narzędziach dla webmasterów” w zakładce „Laboratorium”. Dostępne w nim dane o prędkości ładowania strony są mało dokładne i zapewne obarczone błędami, ale nie powinno się ich ignorować. Jeżeli na wykresie będziemy oglądali dane mówiące, że nasza strona ładuje się np. powyżej 10 sek powinniśmy zareagować jak najszybciej.

Przykład 1

Wygląd wykresu dla mojej strony pozwala na umiarkowany optymizm [ 2,2 s]  :), dobry wynik cieszy tym bardziej, ponieważ jest wynikiem prac przeprowadzonych na stronie w marcu. Czytaj dalej Optymalizacja strony – czas ładowania a Google

Opublikowane w

Optymalizacja JavaScript

Najczęściej spotykanym zastosowaniem języka JavaScript są strony WWW. Wolne działanie napisanych przez nas skryptów może odstraszyć potencjalnych użytkowników. Powinniśmy się więc starać aby nasze aplikacje działały sprawnie i szybko. JavaScript jako język  interpretowalny jest nieporównywalnie wolniejsza od języków kompilowalnych, zazwyczaj jednak programy pisane w JS są na tyle małe aby nie dało się tego zauważyć. Problemy zaczynają się gdy nasz kod rozrasta się i zaczynamy spostrzegać niepokojące nas spowolnienie.

Jak temu zaradzić:

1. Narzędzia

Potrzebujemy odpowiednich narzędzi aby móc sprawdzić czy wprowadzane przez nas poprawki przynoszą jakiekolwiek efekty. Z pomocą może przyjść nam dodatek do Firefoxa Firebug, z pomocą którego będziemy mogli śledzić ewentualne błędy w naszym skrypcie oraz monitorować prędkość wykonywania wybranych fragmentów naszej aplikacji.

Czas wywołania fragmentów kodu możemy monitorować za pomocą konsoli:

console.time("naszaFunkcja");
naszaFunkcja();
console.timeEnd("naszaFunkcja") ;

Po odświeżeniu strony na której umieszczony jest ten kod, w konsoli Firebug’a powinniśmy zobaczyć powiadomienie:

Czytaj dalej Optymalizacja JavaScript