Optimizator Field – блог веб разработчика
CSS вёрстка. Внутренняя оптимизация сайтов. Настройка Wordpress.
CSS вёрстка. Внутренняя оптимизация сайтов. Настройка Wordpress.
Маленькая, заметка по ускорению работы сайта. Ничего нового, супер-секретного и мега-детального (благо, есть места, где можно почитать об этом более раскрыто). Просто решил наконец поковырять свой блог на предмет более шустрой работы. Ах, да — как-нибудь отпишусь о новом хостинге….
Помогать искать слабые места и сравнивать результаты поможет… [да, я знаю о плагинах к ФФ и сам их использую, но этот вариант проще + в закладки можно кинуть!] …полезный инструмент . Она покажет на какие файлы стоит обратить внимание, а также общее время загрузки сайта. Сделайте пробный замер!
Итак, ускоренная методика!
У вас есть уже работающий WordPress и для начала нужно его обновить до самой свежей версии.
Второе, что необходимо сделать — снести нафиг максимальное количество ненужных плагинов. Оставляем только самое-самое. Далее необходимо включить кеширование, для этого понадобятся два плагина (для оптимизации запросов к БД) и (для всего остального). Ставим оба и включаем. Проверяем скорость загрузки сайта. Она должна увеличиться :)
Следующим шагом будет редактирование шапки шаблона темы. Строки между доктайпом и вызовом <?php wp_head(); ?>. Открываем header.php (через админку или ФТП) и в нём изменяем:
* заголовок сайта
* кодировку
все пути к:
* стилям
* скриптам
* трекбекам
* и RSS
на статические значения. Остальные строки сносим. У меня получилось такое:
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>YoYurec Field</title> <link rel="stylesheet" href="http://yoyurec.in.ua/wp-content/themes/ferevens-a/style.css" type="text/css" media="screen" /> <link rel="alternate" type="application/rss+xml" title="YoYurec Field RSS Feed" href="http://feeds2.feedburner.com/Yoyurec" /> <link rel="pingback" href="http://yoyurec.in.ua/xmlrpc.php" /> <script type="text/javascript" src="http://yoyurec.in.ua/wp-content/themes/ferevens-a/javascript/tabs.js"></script> <link rel="shortcut icon" href="http://yoyurec.in.ua/wp-content/themes/ferevens-a/favicon.ico" type="image/x-icon" />
(Можно при желании поковырять и футер на предмет ненужного кода). Снова проверяем скорость загрузки. Снова прирост!
Теперь самое время обратить внимание на стили и скрипты. выводит список всех подгружаемых файлов, не забыли? Смотрим где они лежат. Идём на ФТП, открываем, вырезаем содержимое в буфер и идём на , где указав тип файла (JS или CSS) сжимаем и полученный результат вставляем обратно в файл. И так со всеми…
Ну вот, теперь скорость стала ещё быстрее!
Некоторые из описанных способов подхдят (и обязательны) для оптимизации любого проекта. Некоторые виды, наоборот, умышленно не описаны из-за характера данной статьи — «ускоряем по-быстрому» )).
Удачи!
Комментарии закрыты.
Суббота, 21 Ноябрь 2009 - 15:55
Интересная статейка. Спасибо за блог. Я у вас теперь типа постоянный посетитель!
Суббота, 5 Декабрь 2009 - 20:32
Вместо WP Super Cache еще можно использовать Hyper Cache.
Пятница, 11 Декабрь 2009 - 15:59
Спасибо за статью, пошел оптимизировать)))
Четверг, 1 Апрель 2010 - 15:07
Насчет сжатия файлов полезно. А вообще порой так бесит большой вес движка..
Вторник, 24 Август 2010 - 13:46
Кстати, действительно, очень полезно. Почти все разработчики шаблонов всё стараются делать на php, чтобы простой юзер не парился с настройкой (пути к картинкам, шаблонам, файлам) а это лишнее время на загрузку. Лучше и правда сменить всё на статичные значения.
Follow