Ускоряем WordPress
Недавно я описывал процесс подключения WordPress блога к Amazon, в целях распределения нагрузки и использования CDN. При этом приводил анализ работы блога до подключения амазона и после. Ускорение составило порядка одной секунды.
Однако, когда зашел на страницу google for webmasters и посмотрел результаты экспериментальной функции «Эффективность сайта», то увидел следующее:
Результаты впечатляют! Изменение скорости загрузки страницы с почти 7 секунд до 0.6 секунды – это что-то!
При этом с момента подключения S3 и CloudFront (прошло 9 дней) мне насчитали 22 цента.
И тут вспомнил о том, как на mashable.com изображения появляются не сразу, а только по мере прокрутки страницы. Фактически страница начинает отображаться намного раньше, чем будет загружен весь входящий в нее контент. И как раз на habrahabr.ru появляется краткая заметка про эту технологию. Прочел все приведенные страницы, но так и не понял, каким образом это реализуется. Думал до тех пор, пока в голову не пришла идея просто поискать среди расширений WordPress те, что имеют соответствующие имена.
Довольно быстро в результатах поиска увидел jQuery lazy load plugin. В использовании его достаточно установить и активировать. Больше ничего не требуется. Изображения начинают подгружаться по мере прокрутки страницы. Естественно, что возрастает скорость показа страницы. Единственно, что я не проводил пока детальных тестов данной технологии, и пришлось отключить расширение, так как изображения, расположенные в сайдбаре идентифицируются, как расположенные за пределами экрана и они не сразу показываются.
Как только решу эту проблему, полностью перейду на использование данного расширения!
Надеюсь, что мой опыт будет полезен и вам.
лучше не юзать wp раз его надо усокрять… лучше сразу взять что-нить легкое и быстрое ^_^
А ты добейся такого же функционала и такой же скорости, что и на wp на том легком и «быстром»… А там уж посмотрим, стоит ли вообще это дело затевать??
Удалось ли настроить сайдбар? У меня картинки не подгружаются в сайдабре сразу
(
Нет, не удалось. В моем случае проблема в том, что производиться загрузка развернутого сайдбара, изображения оказываются вне зоны экрана, поэтому они не подгружаются. Затем, после загрузки, с помощью javascript, сайдбар сворачивается. И незагруженные изображения оказываются в зоне экрана.
По сути проблема именно в самой теме. Во всем остальном работает замечательно.