Techniki zmniejszające strony www:
1. Po pierwsze powinniśmy zapoznać się z postem z mojego bloga pt. "jak zmniejszyć rozmiar zdjęcia" i pkt 3. Sam osobiście używam tego rozwiązania i zyski w rozmiarze plików graficznych są duże.
2. Wykonujemy kopię zapasową wszystkich plików będzie to kopia developerska czyli z ładnymi wcięciami i etc.
3. Wykonujemy wersję produkcyjną kodu:
3.1. Wykonujemy skrypt który usunie Nam z kodu wszystkie znaki tabulacji,entery,puste znaki czy spacje.
3.2. Rozwijamy Nasz skrypt i kompresujemy długość zmiennych w pliku. Przykładowo zamiast zmiennej "imie" która zajmuje 4 bajty możemy dać zmienną "i1" która zajmuje już dwa bajty. Co daje nam już 2 bajty zysku na jednym wystąpieniu tej zmiennej.
3.3. Kompresujemy również nazwy id oraz klas html w plikach html i css do krótkich dwu bajtowych zamiast rozwlekłych nazw.
3.4. Zamiast wykorzystywania fontów ttf. Stosujemy małe fonts google.
3.5. W przypadku jQuery staramy się aby mieć jak najmniejszą bibliotekę ściągniętą. W tym przypadku plig nosi nazwę jQuery.min...
3.6. Staramy się dobrać odpowiednie typ pliku graficznego. Jeżeli nie potrzebujemy przezroczystości stosujemy format JPG, w przeciwnym przypadku PNG. Dla obrazków z małą liczbą kolorów stosujemy format GIF.
Jakbyście potrzebowali to mogę napisać funkcję php do punktów 3.1.,3.2.,3.3. jak znajdę czas. A poniżej efekt oszczędności przy wykorzystaniu programu pngout dla plików png o rozdzielczości 1280 x 1024:
Brak komentarzy:
Prześlij komentarz