Оптимизация 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 …} может быть настолько простым или сложным, насколько вам угодно.
  • Допустимо неограниченное вложение секций, условий и т. д.
  • Встроенный механизм кеширования.

Читать далее

Валидаторы микроразметки

Валидатор микроразметки позволяет проверить семантическую разметку*, внедренную на вашем сайте, и убедиться в том, что роботы поисковых систем cмогут извлечь структурированные данные.
Яндексhttps://webmaster.yandex.ru/microtest.xml
Googlehttps://developers.google.com/structured-data/testing-tool/

Быстро собрать блок с разметкой по основным (Person — Персона, Product — Товар/Услуга, Event — Событие, Organization — Организация, Movie — Фильм, Book — Книга, Review — Обзор) направлениям.
http://schema-creator.org/product.php

* Цель семантической разметки – сделать интернет более понятным, структурированным и облегчить поисковым системам и специальным программам извлечение и обработку информации для удобного её представления в результатах поиска.
Разметка происходит непосредственно в HTML-коде страниц с помощью специальных атрибутов и не требует создания отдельных экспортных файлов.

Загрузка файлов на сервер

Для того чтобы можно было загружать на сервер один или несколько файлов, в форме применяется специальное поле.
Синтаксис поля для отправки файла следующий.

<input type="file" атрибуты>
  • accept — Устанавливает фильтр на типы файлов, которые вы можете отправить через поле загрузки файлов.
  • size — Ширина текстового поля, которое определяется числом символов моноширинного шрифта.
  • multiple — Позволяет выбирать и загружать сразу несколько файлов.
  • name — Имя поля, используется для его идентификации обработчиком формы.

Прежде, чем использовать данное поле, в форме необходимо сделать следующее:

  1. задать метод отправки данных POST (method=»post»);
  2. установить у атрибута enctype значение multipart/form-data.

Читать далее

Инструмент для вебмастеров 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