wydajność ładowania stron
Wydajność ładowania stron zwiększymy poprzez:
- sieci dostarczania treści (Content Delivery Network CDN) – zbiór serwerów www rozmieszczonych w wielu miejscach. Akamai Technologies, Mirrir Image Internet, Limelight Networks
- zmniejszenie liczby żądań HTTP – zmniejszenie liczby plików dołączonych do strony, dzięiki:
- warunkowe ładowanie komponentów poprzez RequireJS, yepnope.js
- konsolidacja, minimalizacja zasobów (pliki .js, .css)
- YUI Compressor
- Google Minify
- css sprite – łączenie wielu ikon w jeden plik
- Stitches – An HTML5 sprite sheet generator
- Sprite Cow
- lazyLoad.js
- zmniejszenie wielkości przesyłanych plików
- progresywne jpg
- optymalizacja obrazków
- upraszczanie dzięki html5, css3 – gradienty, zaokrąglone rogi, cienie, przejścia, animacje
Testowanie wydajności:
- Pingdom Website Speed Test
- webpagetest
- PageSpeed Insights
- Firefox plugin Yslow
- WebPageTest
- Mobitest
- sites.google.com/a/webpagetest.org/docs/using-webpagetest/metrics/speed-index
artykuł:
- monter.techlog.pl/nobody-likes-a-slow-website/
sprawdzenie możliwości przeglądarki:
dostosowanie strony pod urządzenia mobilne – test googel
Hope this helps and happy coding :)
Zobacz jeszcze
img
zamieszczenie obrazka na stronie z dostosowaniem jego wielkości do wielkości elementu: img{ max-width:100%; height:auto; } Parametry uwzględniane przy zamieszczaniu...
responsive
jQuery UI
Widżety: Accordion (interakcja - draggable) Autocomplete (interakcja - droppable) Button (interakcja - resizeable) Datapicker (interakcja - selectable) Dialog (interakcja -...