Оптимизация скорости загрузки ресурса

Долго загружающийся ресурс – большая проблема, которую нужно решать в рамках оптимизации сайта. Не зря говориться, что время - деньги. Если сайт не загружается на протяжении четырёх-пяти секунд, посетитель, как правило, теряет к нему интерес и уходит на конкурирующий ресурс. Непозволительно долго загружающийся сайт вызывает в лучшем случае недоумение, гораздо чаще – глухое раздражение.

К счастью, ускорение загрузки стало одним из наиболее перспективных вопросов оптимизации. В настоящее время этой проблеме уделяется много внимания, существует целое направление, накоплен большой опыт, позволяющий ускорять загрузку ресурсов и экономить время и нервы пользователей. Оптимизации подвергаются изображения, содержащиеся на сайте, осуществляется работа с кодом, который используется ресурсом, применяется проработка кеша и другие приёмы.

Решая задачу ускорения ресурса методами оптимизации, следует хорошо понимать, что весь комплекс мер, касающийся вопроса оптимизации загрузки и индексирования очень многогранен, применение его в полном объёме может оказаться слишком трудозатратным и, благодаря этому, низкоэффективным. Наиболее действенным можно считать выделение конкретных болевых мест ресурса и воздействия именно на них, чтобы достигнуть нужного результата, не распыляя внимание и ресурсы.

Скорость загрузки сайта и его последующей работы может оказать существенное влияние на то, какой позиции в выдаче поисковиков этот ресурс будет удостоен и, как результат, какова будет его посещаемость. Если веб-мастер задался целью поднять позицию сайта в выдаче, без ускорения загрузки ресурса ему сложно будет этого добиться. Руководствуясь пониманием этого момента, можно сделать вывод, что ускорение загрузки и работы сайта должно стать одной из приоритетных задач, которые необходимо решать оптимизаторам.

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

Изображения

На пути оптимизации изображений веб-мастера может ожидать больше препятствий, чем ему хотелось бы. Преодоление их многовариантно. Выбирать необходимо те, которые, которые легче воплотить. В любом случае, выбор за мастером, занимающимся раскруткой сайта. Ускорение загрузки изображений сводится к оптимизации применения кода и CSS, работой с различными форматами файлов, применению инструментов оптимизации и прочих приёмов, которые способствуют сохранению картинки и получению необходимого результата.

Формат изображения

Известно, что формат изображения тоже оказывает влияние на скорость, с которой происходит его загрузка. Обычно профессионалы, несмотря на обилие разных мнений по этому поводу, предпочитают использование PNG. Формат GIF используется только в тех случаях, когда дело касается кнопок (одно- или двухцветных). Работа с форматом изображения может существенно повлиять на скорость загрузки сайта.

Код изображения

Существенно тормозит загрузку сайта автоматическое выставление размеров картинок. Если на изображения поместить показатели"width=’60px’ height=’50px’" , нагрузка, падающая на сервер, может быть существенно понижена.

Использование инструментов оптимизации

Среди инструментов оптимизации, которые широко используются веб-мастерами, лидируют ImageOptim, применяемый для Mac и Riot, используемый для Windows. Изображения, которые помещаются в эти инструменты для кардинального изменения, оптимизируются и сохраняются в том же формате, в котором и была произведена их загрузка. Кстати, имея в своём арсенале функцию анализа, эти инструменты могут порекомендовать оптимальный формат файла. Наряду с текстовыми и графическими редакторами, инструменты оптимизации очень важны и удобны.

CSS и JavaScript

JavaScript и CSS – важны, если речь идёт о дизайне сайта, а также в вопросе создания динамического контента. Если оптимизируется небольшой ресурс, то языки могут быть и не самыми необходимыми вещами, но при продвижении большого сайта они способны оказать существенное влияние, особенно, если при его создании использовались многочисленные дизайнерские решения. В качестве иллюстраций приведём несколько примеров:

• Если есть шанс применить CSS, ею необходимо пользоваться. Возможностями, которые предоставляет CSS грех не воспользоваться. Не стоит прибегать к помощи графического редактора, если ваш браузер может предложить СSS3, благодаря чему можно сразу получит все преимущества быстрого создания макетов, которые не будут нуждаться в дальнейшем компоновать в HTML.
• Существенно повышает скорость загрузки простая минимизация кода. Замечательным способом решения вопроса являются: установка плагина для JavaScript/CSS, настройка для скачивания уменьшенного варианта кода сайта (редактировать ничего не надо!). Вы увидите, что скорость загрузки сайта пусть не так существенно, но увеличится.
• В JavaScript/CSS лучше не использовать in-line. Не говоря уже о том, что данный метод просто устарел, при добавлении in-line время серверной загрузки увеличится. Возможно, что придётся потом выяснять, благодаря чему получен такой удивительный негативный эффект.
• Если есть потребность в размещении JavaScript на странице, которая сделана в HTML, то расположить его следует в нижней части такого документа. Это позволит всем процессам, которые заложены в JavaScript, начать свою работу уже после завершения загрузки страницы.
• Необходимо заняться оптимизацией DOM. При каждой возможности следует уменьшать его, изыскивая для этих целей всё новые пути. Если в работе используется jQuery, то происходит создание многочисленных элементов DOM или считывание происходит через эти элементы, что замедляет работу сайта.

Конечно, этим перечень используемых способов ускорения загрузки и работы сайта не исчерпывается. Необходимо, например, чтобы пользователь имел возможность открывать ссылки на сайт без слешей. Дело в том, что серверу нужно знать, файл какого вида будет открыт.

Необходимо создавать файлы favicon.ico. Они находятся на контроле у браузеров и в их отсутствие кешируется ошибка. Необходимо уменьшать размеры cookies, активно работать с кешем и продолжать заниматься ускорением загрузки ресурса. Способов сделать это очень много. Не нужно думать просто о повышении скорости индексации сайта, следует заботиться о придании этому процессу ещё большего ускорения.