4. Musí mít
• paralax
• obrovské průhledné fotky
• nespočet různých jQuery pluginů
• speciální funkčností na touch zařízeních
• minimálně 5 speciálních přechodů mezi stránkami
• animace
• a další…
Navíc musí být
• responsivní
• má vypadat stejně ve všech prohlížečích
• i pro IE7
24. Pozor na fonty
• Nepoužívejte spoustu řezů
• Zkuste znovu vygenerovat ;)
Google font – Open Sans – Regular a Bold
90 KB
*.woff - 53 KB
*.woff2 - 40 KB
50 KB
30. • display:none; u src elementů
• respond.js
https://github.com/robinpokorny/grunt-legacssy
• @import ve stylech či inline styly v HTML
• prázdné src a href atributy
• zmenšování obrázku za pomocí atributů width a height
• nenastavené width a height na <img />
• nevkládat inline JS doprostřed stránky a už vůbec né za tag
<body>
• nepoužívejte PNG pokud se jedná o fotky
• načítaní CSS a JS ze správných míst
• obrovské obrázky v responsivní verzi
• kompilace preprocesoru až na frontendu