Minimalizacja
Spis treści:
Optymalizacja strony jest pierwszym i chyba najważniejszym bazowym zadaniem przed rozpoczęciem jakiegokolwiek pozycjonowanie strony. O ile wszystkie prace związane z doborem określeniem i zmianą znaczników meta,linków,obrazków jest jak najbardziej oczywista,to już rzeczy takie jak czas ładowania się strony , optymalizacja skryptów , grafiki i szablonów stylów nie zawsze jest wykonana jak należy. Większość z webmasterów od czasu pojawienia się szybkich łączy internetowych przestała po prostu zwracać uwagę na transfer oraz liczbę połączeń http które będą wykonywane podczas pobierania ich strony z serwera przez przeglądarkę.
Jednak przy wielkich i popularnych stronach wyszukiwarek,serwisach społecznościowych czy sklepach internetowych kilka kilobajtów przemnożone przez setki tysięcy odwiedzin zwiększa do gigabajtów transfer na serwerach ,a te także skutecznie utrudnia pobieranie danych przez np: roboty wyszukiwarek które działają w przybliżeniu tak jak przeglądarki.Warto więc odchudzić nasz kod i zastosować się do kilku podstawowych porad:
Java Scriptu:
- Separacja – kod umieszczony w dokumencie *.html powinien być z niego „wycięty” i umieszczony w osobnym pliku *.js
- Minimalizm – jak największa ilość kodu w jak najmniejszej liczbie plików *.js tym lepiej dla twojej strony
- Kompresowanie – stosuj kompresowanie kodu w plikach *.js dołączanych do kodu strony. Znajdziesz wiele darmowych narzędzi On-line
- Lokalne czy zdalne – Jeśli wykorzystujesz znane frameworki o które oparte są twoje skrypty, zastanów się czy będą pobierane one z serwera na którym znajduję się twoja strona czy ze zdalnych serwerów producentów lub repozytoriów np (GoogleCode). Często różnica wielkości pliku wynosi 50 -70%
Css :
- Separacja – kod umieszczony w dokumencie *.html powinien być z niego „wycięty” i umieszczony w osobnym pliku *.css
- Minimalizm – jak największa ilość kodu w jak najmniejszej liczbie plików *.css tym lepiej dla twojej strony
- Kompresowanie – stosuj kompresowanie kodu w plikach *.css dołączanych do kodu strony. Znajdziesz wiele darmowych narzędzi On-line
Grafika:
- Png – ta gdzie się da używaj lekkich plików w formacie specjalnie stworzonym dla potrzeb grafiki internetowej
- Kuracja wyszczuplająca – Jeżeli musisz użyć formatów takich jak *.jpg czy *.jpeg ,kompresuj ich zawartość obcinając nadmiar danych (np: redukcja wilkości tła) oraz ich jakość .
- Bmp – Jeśli nie masz wyjścia stosuj inne dozwolone formaty grafiki lecz unikaj plików z rozszerzeniem *.bmp .
Po tak sprawnie przeprowadzonej „kuracji odchudzającej” uwielbienie dla twojej strony wśród przeglądarek i robotów na pewno wzrośnie.