Блог Андрія Огороднікова Хто з мечем до нас прийде, від меча й загине.

Начала скоростной оптимизации

24.09.2016, 17:59

Страшно подумать, у меня на блоге было подключено аж 4 шрифта с Google Fonts! И хоть мне очень нравилось отображение их в тех местах, где я задумал, два шрифта я уберу, ради более быстрой загрузки всего сайта. Увы. PT Sans и PT Sans Caption уходят. Остаются Ubuntu в качестве основного и PT Serif Caption (c засечками) в качестве цитатно-вспомогательного.

2) Два файла со стилями держать расточительно, посему изменения для 1024px суперрезины, я перенесу в основной стилевой файл.

Ну что, со шрифтами не так гарно, як було, но терпимо. Дополнительно увеличил основной текстовый шрифт. Может быть Ubuntu сменить? Хм…

Н-да, со шрифтами и их подгонкой, особенно в сайдбаре, нужно отдельно плотно поработать. 4 мегаблога, не знаешь — за что хватаццо…

Итак, для скоростной оптимизации мы имеем:

а) кэширование страниц, по сути — это временная сборка динамической страницы в конкретный html-файл. Т.о. не затрачиваются постоянно время и ресурсы сервера на то, чтобы каждому посетителю эти страницы собирать отдельно. Отвечает за это плагин WP Super Cashe.

б) убираем лишние подгрузки. Шрифты в данном случае. Это также могут быть неиспользуемые библиотеки, скрипты и, вообще, вода на страницах, всякие лишние пространства-пробелы и закомментированные сто лет назад функции, разметки и стили… Файл стиля должен быть один — и не содержать лишнего. Мне этим нужно заняться тоже.

в) Очень рекомендуется чистить базу от разнообразных дубликатов-публикатов, а также всякой ерунды, забытой прежними деактивированными плагинами и тому подобное. Я все время удаляю «ревизии» статей с помощью плагина DelRevision. Для более опасной базовой чистки есть плагин Clean Options.

г) главное для скорости загрузки сайта — все же отзывчивость сервера. Ну, тут, как повезет.

+

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

«blockquote»

Это хорошо, когда на странице один твит, а если их десяток? Мне вот интересно, если вынести

<!-- js -->
<script async defer src="//platform.instagram.com/en_US/embeds.js"></script>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
<!-- end of js -->

в начало страницы в <head>, а из встраиваемого кода изымать. Даст ли это прибавку, то есть убавку? По идее, при загрузке браузер ломится по каждой ссылке… И в итоге, лишние запросы сократятся. Я попробовал так сделать на зимнем: во-первых, я все остальные скриптовые ссылки убрал вплотную к закрывающему тегу </body>. Ну, а эти оставил в единственном числе наверху. Эксперименты продолжаются.

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