CSS

Файлы Bootstrap на CDN равно BootstrapCDN

Для уменьшения и распределения нагрузки на свой сайт используем файлы от Bootstrap с его CDN. Для этого идем на BootstrapCDN и копируем нужные нам ссылки.
Теперь меняем в своём проекте

<link href="css/bootstrap.min.css" rel="stylesheet">
...
<script src="js/bootstrap.min.js"></script>

на

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
...
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

Так же, если вы используете иконки от Font Awesome, можете воспользоваться CDN и для данного файла стилей.

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet">

Оптимизация CSS

css
CSS Drive CSS Compressor
CSS компрессор с опциями компрессии «Слабая», «Нормальная» и «Сверхкомпактная». Так же на данном сайте имеется очень большой полезный функционал по работе с CSS, созданием шаблонов и готовые примеры.

Robson CSS Compressor
Еще один хороший инструмент для компрессии CSS файлов — Robson CSS Compressor. Пока он в стадии разработки, и возможны неточности в его работе.

Шаблонизатор Smarty.

Smarty – один из самых известных шаблонизаторов. Шаблонизатор нужен для разделения PHP-кода от HTML-кода. Если первый раз с этим сталкиваешься, преимущества такого подхода заметны не сразу, но потом ты удивляешься, как раньше мог обходиться без шаблонов.

  • Smarty довольно быстр (есть и более быстрые шаблонизаторы, но на практике узким местом в проекте является не шаблонизатор, а база данных).
  • Он эффективен, так как PHP делает за него грязную работу.
  • Никакой лишней обработки шаблонов, они компилируются только один раз. Перекомпилируются только те шаблоны, которые изменились.
  • Можно создавать пользовательские функции и модификаторы, что делает язык шаблонов чрезвычайно расширяемым.
  • Конструкции if/elseif/else/endif передаются обработчику PHP, так что синтаксис выражения {if …} может быть настолько простым или сложным, насколько вам угодно.
  • Допустимо неограниченное вложение секций, условий и т. д.
  • Встроенный механизм кеширования.

Читать далее →

Инструмент для вебмастеров PageSpeed Insights

Page Speed Insights измеряет скорость загрузки веб-страниц. URL проверяется дважды – с помощью обычного и мобильного агента пользователя.

Оценка Page Speed Insights может составлять от 0 до 100 баллов. Чем больше оценка – тем лучше. Если страница набрала более 85 баллов, значит она загружается быстро. Обратите внимание, что Page Speed Insights постоянно развивается, поэтому по мере добавления новых правил или усовершенствования аналитических алгоритмов оценка иногда меняется.

Page Speed Insights определяет, как можно улучшить следующие показатели:

  • время загрузки верхней части страницы: общее время с момента запроса страницы до момента отображения ее верхней части в браузере.
  • время полной загрузки страницы: общее время с момента запроса страницы до ее полного отображения в браузере.

Так как скорость подключения у разных пользователей различна, Page Speed Insights рассматривает только независимые от сети аспекты работы страницы: конфигурация сервера, структура HTML, использование внешних ресурсов (изображений, JavaScript и CSS). Применив наши рекомендации, вы сможете оптимизировать относительную скорость загрузки страницы. Абсолютная же скорость загрузки в конечном итоге все равно зависит от скорости подключения к сети.
PageSpeed_Insights