Оптимизация

Оптимизация сайта — что это такое и как её сделать самому?

Оптимизация сайта — это комплекс мероприятий, направленных на ускорение загрузки страниц сайта, на снижение нагрузки на сервер хостинга и на улучшение вида страниц сайта.

Deviz_4

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

Оптимизация должна проводиться путём тщательного Тестирования страниц сайта и должна приводить к улучшению значений показателей сайта.

Время от времени следует проводить аудит сайта: внутренний — своими силами,  внешний — силами платных специалистов, взаимный — силами родственников, друзей, приятелей, знакомых, доброжелателей, …

Ряд способов оптимизации описаны на страницах «Как сделать быстрый сайт«, «Сокращаем длину кода» и «Оптимизация Базы Данных«.

Оптимизация сайта, с моей точки зрения, предполагает и переделку шаблона сайта, ибо проще переделать приглянувшийся шаблон, чем подобрать более приемлемый или сделать (заказать) идеально подходящий.

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

Так как на страницах сайта опубликовано множество таблиц, пришлось увеличить и ширину страницы, и ширину текста страницы, сохранив приемлемую ширину правого сайдбара.

Главный вывод таков: оптимизировать нужно всё, включая шаблон, текст страницы, код страницы, код цитат, изображения, … Несомненно, нужно избавляться от всех ошибок, выявляемых Валидатором, и битых ссылок.

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

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

Хороший способ снабжения каждой значительной страницы сайта описал на странице Девизы. Идея свежая и незатасканная — берите на вооружение!

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

Конкретные рекомендации по оптимизации отдельных страниц сайта выдаёт сервис PageSpeed, читайте их и выполняйте.

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

Такие фотографии имеет смысл сначала отмасштабировать, сделав их ширину соответствующей ширине текста страницы Вашего сайта, а затем сжать без потери качества — например, с помощью онлайнового сервиса http://www.smushit.com/ysmush.it/, который был способен сжимать последовательно несколько графических файлов, а результаты отправлять Вам в одном zip-файле. Освоить этот сервис было достаточно легко, поэтому описывать алгоритм его использования не стану. Теперь придётся искать другой сервис сжатия JPG-файлов, ибо этот сервис приказал долго жить…

Можно попробовать сервис http://compressjpeg.com/ru/ - ссылку не даю до проверки этого сервиса.

Прочие подробности смотрите на странице Изображения.

Приглашаю всех высказываться в Комментариях. Критику и обмен опытом одобряю и приветствую. В хороших комментариях сохраняю ссылку на сайт автора!

И не забывайте, пожалуйста, нажимать на кнопки социальных сетей, которые расположены под текстом каждой страницы сайта.
ОптимизацияПродолжение тут…

Deviz_18

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Проверка комментариев включена. Прежде чем Ваши комментарии будут опубликованы пройдет какое-то время.