Друзья моего пушистого блога! Хочу поделиться с вами одной маленькой хитростью, которая может еще немного ускорить наши с вами блоги!
Как-то не так давно я озадачилась переносом оптимизацией загрузки скриптов путем переноса их из хедера в футер сайта. Но к моему глубокому сожалению, этот способ оказался практически неприменим к стандартным скриптам, которые входят в ядро движка. Да и редактировать файлы ядра — не есть хорошая практика. К тому же после очередного обновления все слетит. Но на ловца и зверь бежит, как говорится.
Не удалось перенести эти стандартные скрипты вниз (а это в основном подгрузка библиотеки JQuery), зато можно минимизировать их пагубное влияние на скорость загрузки сайта другом способом — подгружать не с нашего сервера, из папки wp-includes, где они расположены, а со стороннего ресурса. Выгода здесь в том, что происходит распараллеливание загрузки, а значит, пусть и незначительное, но все же ускорение работы блога.
Как раз для этого совсем недавно (ровно 17 часов назад, если верить данным на WordPress.org 🙂 ) был разработан официальный плагин WordPress под названием Use WordPress.com Libraries, который легко устанавливается из консоли блога. Он позволяет подгружать все стандартные скрипты движка не с нашего сервера, а с CDN WordPress.com, просто заменяя пути, по которым идет обращение к файлам скриптов.
Никаких настроек у плагина нет, он начинает выполнять свою нехитрую работу сразу после активации. Так что если вы поборник ускорения блога любыми средствами, то это плагин для вас!
Предвидя возражения, что плагин будет тормозить блог гораздо сильнее, чем мы выиграем во времени от распараллеливания загрузки, отвечу сразу: это не так. Нагрузки на сервер плагин не создает никакой абсолютно, поскольку выполняет одну-единственную функцию — подмену урлов.
Теперь покажу на примере.
Вот так выглядел исходный код главной страницы моего блога до установки Use WordPress.com Libraries:
Обратите внимание на пути к скриптам, они отмечены.
А вот так — после:
Видите, урлы изменились.
А теперь сравним скорость загрузки до и после активации плагина. Для чистоты эксперимента я удалила весь кэш и деактивировала на время плагин кэширования.
Итак, до установки плагина:
А вот это скрин после:
Возможно, это не очень значительная прибавка в скорости, однако как монетка в общую копилку ускорения блога вполне сойдет, как думаете?
Хорошего всем дня!
Быстрый, дерзкий, как пуля резкий 🙂
Твой сайт быстрее 87% тестируемых. Я правильно понял надпись на последнем скрине?
Ага, правильно, если верить ПингДому))
А ты с чего это стихами заговорил?
Это известная строчки из картинок с приколами, погугли )). Просто вспомнилось что-то
У меня что-то скорость не улучшилась. Наоборот, с его установкой блог стал немного медленнее. Не знаю, оставлю пока. Посмотрю, что дальше.
Не плохо бы описать настройки этого плагина. Там их не мало. Появились дополнительные виджеты, непонятная кнопка в редакторе, также дополнительные функции по внешнему виду шаблона и многое другое.
Сереж, у меня ничего не появилось, ни виджетов, ни кнопок, да и в официальном описании в репозитории сказано, что он абсолютно никаких настроек в админке не добавляет… Может, это у тебя результат чего-то еще?
Извиняюсь, я не тот плагин установил.:)
Лариса, у тебя неправильная ссылка на плагин. Перешел по ней, а там один плагин и я его сразу установил, не посмотрев точное название. В общем плагин не тот.
Потом решил скопировать название твоего плагина в поиск в админке блога. Честно, не нашел его в результатах. Может плагин по другому называется. Сверь у себя точно названия. Обычно через поиск он же должен находится. Может в названии не та буква написана. Посмотри у себя!
Сергей, плагин по не понятным причинам исчез =) Может нашли какой-то баг, удалили и отправили на доработку. А вы, наверное, скачали плагин JetPack. Очень мощный, кстати.
В общем, история с этим плагином такая. Читала сегодня твиттер его разработчика, Эндрю Нейсина, кстати. Так вот в плагине был выявлен баг, связанный с отличием в версиях подгружаемых библиотек, насколько я поняла из этой эмоционально-технической твиттерной переписки. В связи с этим он временно из основного репозитория убран.
Однако, во-первых, он пока что, как я и показала в статье, отлично работает. Во-вторых, я же настырная и все-таки раскопала его на WordPress.org, в другом разделе, правда. Вот тут — http://wordpress.org/support/plugin/use-wpcom-libraries.
Круто, ты настоящий следопыт 😉
А что скажешь по Use Google Libraries? Он у меня только библиотеку jquery.min.js с гугла подгружает, остальное все как и было.
Честно, я не пробовала этот плагин. Ну видишь, ты же сам говоришь, что он не все библиотеки подгружает. Посмотрю при случае…
Очень хорошая фича для блогов, которые находятся на американских хостингах, до которых большой пинг.
Традиционное кеширование в таких случаях не помогает, а вот CDN очень поможет.
Да, Дима, у меня, наверное, заметная (по цифрам, во всяком случае) разница из-за того, что хостинг датский, до него тоже пинг немаленький. Для российских хостингов разница будет не столь ощутима, но за счет все того же распараллеливания все-таки будет.
Отличный способ, спасибо! Заношу в свой план по прокачке блога 🙂
Лариса, вот это точно находка для многих! Поставлю однозначно, прямо сейчас =)
Ларис, подкорректируй ссылку на плагин. Там http:// в конце лишнее
Точнее я его вообще найти на wp.org не могу, даже с правильной ссылкой. Поищу через админку
А я уже подумал, что у меня у одного глюки начались.
Нету что-то этого плагина на wp.org 🙁
Лариса, а вот еще нашел похожий плагин Use Google Libraries 1.5.2. Но он наверное не все скрипты будет с гугловской библиотеки подгружать, а только те, что там есть?
Как ни странно, сейчас его действительно нет(( На момегт написания статьи, ночью, был… Кому нужен, я выложу свой архив позже.
Удалили плагин. Может там у них, что-то не так пошло?
Будем ждать, когда в следующий раз они модуль выложат!
А почему то на описание этого плагина все равно перебрасывает на тот комбайн от Jetpack, что я устанавливал. Он связывает блог с аккаунтом на сайте WordPress. Только вот функций очень много содержит.
Да нет, там, по сути, не перебрасывает на JetPack, а говорит, что нужного плагина нет, зато есть похожие — а в JetPack встроена похожая функция, я как-то писала о нем здесь, вот он его и предлагает к установке.
А я получается во время опоздал немножко. Ладно придется подождать. может наладят этот плагин.
Лариса, сообщишь нам когда плагин снова появится в общем доступе. Я скачал его по ссылке, но не решаюсь пока устанавливать, подожду когда они исправят баги.
Конечно)
Привет, Лариса! Зашел сказать спасибо, даже два.))
За плагин и за блог. Походил к тебе походил, почитал почитал и разродился опусом о пользе комментариев.))
Ага, я читала уже. И невольно подтвердила твою мысль на практике (это я о нашей переписке 🙂 )
А в результате, кроме пользы никакого вреда. В первом случае, сам собой нашелся повод сесть и просто написать для людей, которые на сайт заходят. Во втором, мелочь конечно, но немножко приятно, что смог разобраться.
установил плагин, но не поменялись урлы, почему так может быть ?
Попробуйте сбросить кэш в браузере и в плагине кэширования.
пробовал, всё равно не выходит ((
может из за того что у меня не обновлён wordpress, у меня 3.5.2 версия, я не могу её обновить так как шаблон слетает ((
А, ну скорее всего из-за этого, ведь плагин новый совсем, под 3.8 разрабатывался. Но так или иначе, проблему с шаблоном решать надо, скоро уже 3.9 выйдет, пойдут проблемы с несовместимостью плагинов, если их обновлять. А если не обновлять — то это одна большая дыра в безопасности. Уж простите, не хотела мораль читать))) Но это правда важно! А что там с шаблоном-то происходит?
шаблон на Artisteer 4 делался, я не знаю, при обновлении, вообще не работает сайт. да я вот тоже думаю нужно как то решить, а как пока не знаю, думаю взять готовый шаблон новый и под себя делать. просто сайт — коммерческий, как бы сайт визитка.
Ох уж этот Артистир… Мне сейчас трудно толком сайт посмотреть, я с телефона пока, но для несложного бизнес-сайта нетрудно подобрать и бесплатный шаблон. А можно поискать премиум, если нужно больше функционала. Опять-таки, можно найти премиум бесплатно, чтобы перед покупкой примерить. Но артистировский шаблон, если он после создания не вычищен хорошенько, это абсолютное зло:) Надумаете заняться, напишите в личку — дам несколько полезных ссылок.
спасибо, обязательно напишу! ))
тока что подали мне идею по поводу платного шаблона! )))
думаю мне он больше подайдёт, тока вот вы правы что нужно сначала примерить! а с платным такой вариант отсутствует (
я не могу найти личку )))))
вы можете мне сами написать, а то я не знаю как ))
странно до этого 3 раза пробовал обновить не чего не выходило, а теперь обновилось всё отлично))
тока плагин не заработал или я тока заметил одну строчку новую в html
<link rel='stylesheet' id='open-sans-css' href='//fonts.googleapis.com/css?family=Open+Sans%3A300italic%2C400italic%2C600italic%2C300%2C400%2C600&subset=latin%2Clatin-ext%2Ccyrillic%2Ccyrillic-ext&ver=3.8.1'
может конечно она и при обновлении появилась ))
Это ворпрессовская строчка, подключение шрифтов. Вы код главной смотрите? Должны быть именно строки как у меня на скринах,с wordpress.com. Так заочно даже не скажу, в чем дело, у меня работает…
Про шаблоны написала в личку.
Спасибо, прочитал, поищу может что то найду )
вроде шаблонов куча, а найти своё трудно )))
Спасибо,все проще,чем в кодах копаться…На 1 секунду Главная стала быстрее…
Установил, а скорость наоборот упала на 1%, может уже не актуален?