Ostatnio z ciekawości zajrzałem do aplikacji PageSpeed Insight (PSI). Wynik mojej strony o Krecie oscylował w okolicy 75 punktów dla tradycyjnych przeglądarek dla komputerów i 61 punktów dla urządzeń mobilnych. Postanowiłem przyjrzeć się jaki element miał największy wpływ na osiągnięty wyniki. Okazało się że największym czynnikiem wpływającym negatywnie na punktację było pominięcie ustawienia maksymalnego wieku (daty wygaśnięcia) dla większości statycznych zasobów wykorzystywanych na stronie. W moim przypadku obejmowało to wszystkie pliki graficzne, js i css. Postanowiłem przeszukać internet pod kątem znalezienia sposobu na dołączenia do nagłówków tych elementów odpowiedniej wartości max-age. Czytaj dalej
Miesięczne archiwum: Sierpień 2013
Osadzanie dodatkowych czcionek na stronach
Czasami zdarza się, że zaawansowany projekt graficzny strony wymaga użycia niestandardowego kroju czcionek, który dodatkowo na stronie musi być wyświetlany jako tekst. W takich przypadkach wykluczone jest zastąpienie tego tekstu przez adekwatny element graficzny. Jedynym sensownym rozwiązaniem jest wskazanie przeglądarce użytkownika pliku z fontami.
W pliku css możliwe jest to za pomocą @fotn-face. W przypadku większości przeglądarek wystarczający jest plik TTF, niestety Internet Explorer jest tu wyjątkiem wymagającym specjalnego traktowania. Od wersji 6 do wersji 8 operacja ta obsługiwana jest za pomocą pliku z EOT (Embedded OpenType).
Apache – Ładowanie pliku CSS przez linkowanie HTTP w nagłówku
Jedną z ciekawszych właściwości jakie daje Apache to linkowanie przez nagłówek dokumentu. Dodając poniższą linię kodu w pliku .htaccess:
Header add Link ";rel=stylesheet;type=text/css"
spowodujemy, że w nagłówku każdego wywołanego dokumentu (który znajduje się pod „wpływem” tego pliku .htacces) zostanie dodane odwołanie do wskazanego arkusza main.css.
Pewnie w tym momencie zaświecą się oczy wielu osobom, które chciały by ukryć w ten sposób arkusz stylów przed „przeciętnymi” użytkownikami. Niestety muszę ostudzić Wasz zapał, gdyż ta metoda linkowania ma również jedną bardzo dużą wadę dyskwalifikującą ją z powszechnego użycia … w tej chwili metoda ta jest obsługiwana jedynie przez Operę i Firefoxa.
W dalszym ciągu tego sposobu ładowania pliku CSS można użyć jeśli chcemy dodać „spersonalizowane” style dla przeglądarek obsługujących tę metodę linkowania. Na chwilę obecną to chyba jedne sensowne zastosowanie dla tej metody.
MySQL – Zliczenie ilości rekordów w miesięcznym zestawieniu
Opracowanie zbiorczych podsumowań oraz generowanie statystyk zawartości danej tabeli to jedno z bardziej żmudnych zadań do wykonania. Pewnie nie raz zastanawialiście się jak w szybki sposób zliczyć ilość rekordów wpisanych w danym miesiącu w danym roku. Funkcję zliczenia ilości rekordów zapisanych do tabeli w podziale na miesiące można wykonać za pomocą PHP, wykonując stosowne działania w oparciu o wynik zapytania zwracającego pełną zawartość tabeli. Nie jest to jednak zbyt optymalny sposób na uzyskanie wyniku.
Czytaj dalej