Оптимизация фронтенда сайта для highload проектов.

1. Оптимизация фронтенда сайта
для highload проектов.
www.turnkeye.ru

2. Как подготовить проект для
высокой нагрузки,
оптимизируя только frontend?
* допустим сервер/php/mysql и прочее настроены и работают идеально

3. Но минутку, это же “просто”
верстка?
При чем здесь Highload?
Highload относится только к
серверу...

4. Откуда берется страница в браузере

5. Абстрактные примеры

6. Что можно оптимизировать (группы)
- уменьшение общего объема передаваемых данных
- уменьшение количества запросов к серверу
- кеширование браузера
- оптимизировать рендериг страницы

7. Уменьшение общего объема
передаваемых данных
- gzip
- minify css/js/html
- optimize images
Google Pagespeed

8. Уменьшение количества запросов
к серверу
- CDN
- combine JS / CSS
- inline images in CSS / sprites
- lazy loading

9. кеширование браузера

10. кеширование браузера

11. подводные камни
- кеширование vs HTTPS
- кривой контент клиента
- CDN & gzip / expire date
- CDN fonts
- responsive design ?

12. Контакты
+7 (495) 984-42-06
Email info@turnkeye.com
Skype turnkeye.com
Наши сайты:
www.turnkeye.com
www.turnkeye.ru
ru.meet-magento.com
Twitter https://twitter.com/turnkeye
Facebook https://facebook.com/turnkeye
ВКонтакте http://vk.com/turnkeye