загрузить CSS, JQuery один раз для всех страниц сайта

Question

В моей стране скорость интернета очень низкая, поэтому веб-разработчики стараются свести к минимуму отправку данных через http. У меня есть веб-сайт с одинаковыми файлами на всех страницах, таких как CSS, JQuery, Javascript, ... Мне нужно загрузить эти файлы один раз для всех страниц. Я использую ajax в отправке форм и других действиях, но когда скорость перенаправления страницы очень низкая. Я думаю использовать ajax в навигации по страницам, но есть проблема с jjascripts, загруженным ajax на всех страницах. спасибо

Answer 1

Если вы используете хостинг на Apache, вы можете поместить файл .htaccess в ваш webroot, который устанавливает дату истечения срока в далёкие будущие значения. Недостатком является то, что вам нужно использовать контроль версий, если вы меняете JS или CSS.

Это содержимое .htaccess:

<IfModule mod_expires.c>
ExpiresActive on
ExpiresByType text/css                  "access plus 1 year"
ExpiresByType application/javascript    "access plus 1 year"
ExpiresByType text/javascript           "access plus 1 year"
</IfModule>

Ваши CSS и JS могут быть связаны следующим образом:

<script type="text/javascript" src="scripts/js/jquery.1.7.0.min.js"></script>
<link rel="stylesheet" media="screen" href="scripts/css/styles-2011-11-03.css" />

Каждый раз, когда вы вносите изменения в свою версию CSS или jquery, обновляйте имя файла.

Если вы хотите ускорить весь свой сайт, посмотрите на html5boilerplate и загрузите плагины Firefox / Chrome yslow и google pagepeed (если у вас есть доступ к этому).

Answer 2

Вы хотите это: http://code.google.com/p/minify/

Кроме того, следуйте этим рекомендациям, чтобы ускорить ваш сайт: http://code.google.com/speed/page-speed/docs/rules_intro.html