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

Приветствую вас дорогие читатели! С недавних пор я полностью пересмотрел “политику” ведения сайтов и одним очень важным фактором стала скорость загрузки сайта, как вы уже, наверно, сами поняли, я решил увеличить скорость сайта, но при этом несильно затрагивать дизайн.
Красивый дизайн, скорость сайта
Для того, чтобы достигнуть это цели – было сделано немало, от чего-то пришлось вообще отказаться, что-то пришлось пересмотреть. Думаю, и вам, после прочтения этой статьи, будет что изменить и на своем блоге!

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

И так, что же было изменено:

1. Фон

Раньше, в качестве фона стояло большое изображение, которое требовало своей полной загрузки – сейчас же фоном является “бесшовная” квадратная картинка, сторона которой равна 320 пикселям.

  1. Общая картина дизайна сайта не нарушена
  2. Маленькая оптимизированная картинка, естественно, грузится быстрее большой

2. Кнопка наверх

Справа, почти в самом низу, вы можете наблюдать стрелочку – “наверх”, это стрелочка видна всегда, независимо оттого прокрутилась ли страница вниз или нет. Но что было раньше? А раньше я использовал плагин под названием: Scroll to Top Button, благодаря которому кнопка наверх появлялась только тогда, когда пользователь прокручивал колесико своей мышки вниз.
Вывод: нет скриптов – нет лишней нагрузки на сервер.

3. Контактна форма

Мною был убран плагин Contact Form 7, с его помощью которого можно было с легкостью создать динамичную форму обратной связи, не понимаю зачем она мне нужна, если можно просто написать свой адрес электронной формы или оставить какие-то другие контактные данные.

4. Капча – защита от спама.

Плагин – Really Simple CAPTCHA является дополнением к предыдущему плагину, его я, конечно же, тоже безвозвратно и беспощадно удалил.

5. Топ комментаторов

Раньше, в боковой колонке выводился список самых активных комментаторов – этим плагином (Top Commentators Widget), им я тоже решил пожертвовать, даже понимая то, что он мотивировал читателей оставлять больше комментариев.

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

6. Никаких смайликов!

Удалил под корень дополнение – Custom Smilies, с его помощью можно было вывести смайлы, которые, в последствии, можно было добавить в комментарии.

Думаю, он являлся лишним.

7. Удалил поле – “Сайт”!

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

Зачем я это сделал? Сейчас поясню. В этом могут быть и свои минусы, но плюсов больше! Вот смотрите:

  1. Спама в комментариях станем гораздо меньше!
  2. Не будет проблем с потерей ссылочной массы
  3. Третий плюс вытекает из второго: можно удалить плагин – “WP-Noindex”, который закрывал ссылку автора комментария от индексации в поисковой системе Яндекс

Я не думаю, что теперь комментариев станет намного меньше.

8. Оптимизация картинок

По-прежнему придерживаюсь оптимального размера картинок, стараюсь соблюдать баланс между качеством и объемом.

Более подробно читайте в статье: Оптимизация картинок для того, чтобы уменьшить их объем и вес!

Даже не смотря на то, что пришлось отказаться от всего того, что перечислено выше, я все равно соблюдаю правила (которые сам же и составил) описанные в статье: Что должно быть на каждом seo блоге?

В общей сложности, я сократил количество плагинов с 25 до 19, в будущем я обязательно и этим девятнадцати “помощникам” найду альтернативу!

На этом у меня все, ваш Сергей Оганесян. Удачи!

Представляю вашему вниманию видео-ролик о веб дизайне за 5 минут, который бил нарисован в Фотошопе..

[youtube]tox_GjSV3CQ[/youtube]


Хостинг, которым я пользуюсь: Good-Host


Похожие статьи

  1. Марина пишет:

    Большое спасибо за статью=)) Очень информативная и простая для понимания))) многое из списка взяла на заметку и применила на своем сайте=)) буду к вам заглядывать=)))

Оставить комментарий

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

*

code

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