 |
Личные заметки на Zaharov.info / Естествознание / Советы, как оптимизировать страницу, чтобы сайт быстрее грузился |
| Автор | Сообщение |
|
dimedrol
Администратор |
# Дата: 22 Авг 2007 08:42
Ответить Оригинал статьи - http://www.habrahabr.ru/blog/webdev/23615.html Примечание: ниже перевод статьи "Presentation Layer Performance Tuning", в которой затрагиваются основные аспекты оптимизации загрузки веб-приложений и предлагаются некоторые практические советы. Обычный разговор про увеличение скорости работы веб-приложений сводится к обсуждению задержек при передачи информации между сервером и клиентом, оптимизации базы данных и времени, потраченного сервером для обработки и отправки HTML клиенту. Эти процессы, однако, только частично затрагивают то время, которое клиент тратит на ожидание загрузки страницы в окне своего браузера. Большая часть времени тратится на загрузку, кеширование и отображение JavaScript, CSS и картинок (прим.: не-HTML файлов). Оптимизация производительности уровня представления (presentation layer) веб-приложений, на самом деле, сводится к двум простых условиям: Меньше данных Меньше запросов Целью данной статьи является демонстрация на конкретном примере оптимизации загрузки веб-страницы на стороне клиента. Это может быть достигнуто просто за счет применения концепции «меньше запросов, меньше данных» в следующих четырех областях, каждая затрагивает различные аспекты веб-разработки клиентской части в терминах подготовки JavaScript-, CSS-файлов и картинок для размещения в сети: Сжатие (уменьшение данных). Кеширование (уменьшение запросов) Слияние (уменьшение данных и запросов) Сети доставки содержания (Content Delivery Networks) (уменьшение запросов) *************** А в комментариях один из пользователей под ником alexbig дает ценный совет: я хотел поделиться своим решением для сжатия JS (Apache, mod_deflate, mod_rewrite): AddType text/javascript .js <FilesMatch \\.js.gz$> ForceType text/javascript Header set Content-Encoding: gzip </FilesMatch> <FilesMatch .*\.js$> RewriteEngine On RewriteCond %{HTTP:Accept-Encoding} gzip RewriteCond %{REQUEST_FILENAME}.gz -f RewriteRule (.*)\.js$ $1\.js.gz [L] ForceType text/javascript AddOutputFilterByType DEFLATE text/javascript </FilesMatch> смылс такой: я использую Prototype у себя и ещё несколько написанных библиотек, которые меняются (мной или выпуском) раз, скажем, в пол года. их я сразу сжимаю gzip'ом и когда в коде есть <script type="text/javascript" src="/js/prototype.js"></script> апач, сервирует уже сжатую версию - "/js/prototype.js.gz". другие файлы я меняю намного чаще и апач их сжимает налету. это всё лежит в DocumentRoot. можно тоже самое сделать и с CSS, у меня пока не было необходимости в этом. |