Оптимизация шаблона WordPress для снижения нагрузки на хостинг. Выглядит это так. Закрытие внешних ссылок
Теперь можно покопаться в шаблоне (находится в /wp-content/themes/имя_шаблона/).
Попробуем убрать лишние запросы к базе данных при загрузке страниц вашего блога. Дело в том, что разработчики темы оформления для WordPress делают ее универсальной и подходящей, естественно, к любому блогу, с условием, что этот блог работает на движке WordPress. Поэтому, например, чтобы выводить на страницах вашего блога в шапке (верхняя часть шаблона страницы) название блога, необходимо в файле header.php вашей темы оформления прописать код на языке PHP, который запросит это название из базы данных и затем уже вставит его в код страницы.
Для этого скачаем редактор Notepad++
, так как нам нужно работать в формате UTF-8 without BOM
!
Внимание
: Редактируйте файты WordPress’a только редакторами, поддерживающими формат UTF-8 without BOM!!!
Вот полезный код для вставки в шаблон на время оптимизирования(чтобы узнать, сколько запросов к БД идёт со страницы):
/
Приведу пример из своего шаблона:
Открываем файл header.php
.
В цитатах я буду писать красным и зелёным цветом. Красный — начальный вариант, Зелёный — на что нужно заменить!
Основной язык сайта, заменяем:
>
Строка выбора кодировки страницы, меняем:
; charset=” />
Тайтл (Меняем ТОЛЬКО в случае, если вас сателлит или ГС, настроенный под сапу и тд. так так на всех страницах станет одинаковый тайтл):
» Blog Archive Тут впишите свой тайтл
Информация о движке:
” />
Стили (таких строчек может быть много):
” type=”text/css” media=”screen” />
RSS Feed” href=”” />
” />
Меню: Ну тут у каждого своё, лишь совет: если у вас чётко определено верхнее меню, то отредактируйте его, как и перечисленные выше строки.
Если название блога точно определено, то меняем:
Если описание блога определено, и не собираетесь менять в ближайшее время, то:
Описание вашего блога
Вроде всё, с файлом header.php закончили. Ах, да, я делал немного проще: Зашёл к себе на сайт (когда ещё ничего не оптимизировал в шаблоне), посмотрел исходный код этой HTML страницы, скопировал шапку и вставил в файл header.php. Вышло гораздо быстрее
- удалить строку с информацией о номере установленной версии WordPress . Она не несет никакой полезной нагрузки, и более того, является опасной, т.к. некоторые варианты взлома применимы только к определенным версиям WordPress, а из этой строки как раз очень удобно узнавать текущую версию вашего движка. Выглядит эта строка обычно так:
- заменить URL до иконки favicon.ico на статический. Вы не знаете для чего нужна иконка под названием favicon.ico ? Она будет отображаться, например, в поисковой выдаче слева от названия вашего сайта или же в браузерах (в адресной строке или перед названием страницы на вкладках), при открытии страниц вашего блога. У моего блога это иконка желтой лампочки. Если у вас еще нет favicon.ico , то обязательно создайте ее и пропишите путь к ней файле header.php . Она придаст вашему блогу индивидуальность и узнаваемость. В оригинальном файле header.php строка с заданием пути до favicon.ico может выглядеть примерно так:
- заменить URL до на статический. В коде файла header.php это строка:
1 " />
А откуда взять все эти статические пути, которые мы должны прописать заместо кода PHP? Есть довольно простой способ. Вам нужно всего лишь открыть любую страницу вашего блога в браузере и посмотреть ее исходный код. Для этого, щелкаете правой кнопкой мыши по странице в любом браузере и выбираете из контекстного меню что-то вроде «Исходный код страницы » или «Исходный код», в зависимости от того, в каком именно браузере открыта эта страницы. Теперь ищите там нужные строки и копируете пути к файлу CSS, к фиду и т.п.
Дело в том, что при создании страницы, PHP код интерпретируется в реальные статичные URL. Вот именно их мы скопируем по очереди и вставим в файл header.php вместо участков кода. Вот так выглядел блог кода до преобразования:
1 | " /> |
2 |
3 | /favicon.ico" /> |
4 | " type= "text/css" media= "screen" /> |
2 |
3 |
1 |
Их нужно будет заменить, соответственно, на название и описание вашего блога. Если у вас вдруг после сохранения файла header.php вместо русских букв вылезут кракозябры, то откройте файл повторно на редактирование в Notepad++, выберите из верхнего меню пункт «Кодировка» - «Преобразовать в UTF-8 без BOM», а затем опять сохраните файл.
Если у вас еще в файле header.php имеет описание меню, то там можно вручную прописать ссылку на главную страницу. В оригинале эта строка может выглядеть так:
ее надо будет заменить на:
Теперь перейдем к файлу footer.php , который так же должен находиться в папке с вашей темой оформления по адресу /wp-content/themes/название_вашей_темы_оформления. В нем можно заменить строку выводящую информацию о том, что все права защищены, примерно такого вида:
Кроме того, что в этом случае убираются лишние запросы к базе данных , здесь еще и создается ссылка с нужными ключевыми словами, которая будет вести на главную страницу со всех страниц блога (Внутренняя оптимизация сайта). Ну и для повышения значимости этих ключевых слов, они заключены в тег акцентирования H3 (Теги акцентирования (H1 -H6, STRONG, EM) – улучшаем внутреннюю оптимизацию сайта).
У меня, например, в footer.php дублируется верхнее меню и, следовательно, я так же как и в файле header.php заменил участок кода описывающий ссылку на главную страницу на статичный URL.
Остальные файлы редактируем также как и header.php …
Ещё парочка советов:
У вас сателлит и вам не нужно комментирование на сайте? — Отключайте комменты в админке, и удалите всё из файла comments.php .
У вас сателлит? – значит по любому у вас есть облако меток – вместо плагина сохраните его как html код, и вставьте в страницу.
У вас сателлит и вы не будете больше добавлять новые категории? – также сохраните их как html и вставьте вместо виджета!
В файле single.php у многих шаблонов название новости – ссылка на эту же новость. Зачем же это? – Убираем! Ещё минус один запрос!
Итак, для начала мне бы хотелось познакомить Вас с этапами оптимизации новостных ресурсов, которые подробно описаны далее в этой статье:
- Оптимизация контента
- Оптимизация под Google News
Оптимизация шаблона сайта и URL -шаблона
Это может показаться банальным, но, как показывает опыт, именно банальным вещам обычно не уделяется достойного внимания. Уделять внимание оптимизации шаблона новостного проекта или нет – решать Вам.
Скажу одно – оптимизировав шаблон сайта одного новостного издания, мы добились увеличения трафика с поисковых систем на 40% за 6 недель (!).
А теперь подробнее о том, на что необходимо обратить внимание:
- Убедитесь, что название статьи является и заголовком страницы (
). Помимо этого в заголовке страницы должно присутствовать название категории и новостного сайта. По своему опыту скажу, что лучше всего работает следующий шаблон заголовка страниц: <заголовок статьи> — <название категории, к которой отнесена статья> — <название новостного сайта> - Освободите код страниц от лишних кодов скриптов и css-стилей, вынеся их во внешние файлы. Таким образом, эти файлы закешируются браузерами посетителей и не будут из раза в раз скачиваться, нещадно увеличивая время загрузки страниц.
- По-максимуму избавьте сайт от ненужного и не имеющего отношения к делу контента, а также пометьте все ссылки в этом ненужном контенте с помощью nofollow.
- Убедитесь, что название статьи находится внутри тега h1, а все подзаголовки статьи внутри тегов h2 и h3!
- Позаботьтесь о том, чтобы информативный контент располагался в коде максимально близко к началу, а все остальное уже под ним.
Теперь рассмотрим основные моменты, касаемо URL -шаблона:
- URL должен содержать основные ключевые слова, например, название статьи и категории. Это помогает!
- Важно! Если Вы хотите, чтобы Ваши статьи имели шанс попасть в Google News, необходимо, чтобы в их URL ’ах была комбинация, как минимум, из 3 уникальных цифр . Глупо, но что поделаешь…
Оптимизация контента
Первое, о чем перестаешь беспокоиться, работая с крупным новостным ресурсом, это ключевые слова. Занимаясь же любым другим проектом, мне бы пришлось сперва озадачиться черновой работой – подбором ключевых фраз.
Единственное, чем Вам придется озадачиться, так это приданием навигации надлежащего вида, т.е. Вам придется хорошенько подумать над озаглавливанием категорий.
Для достижения еще более лучшего результата, Вам стоит поговорить с копирайтерами новостного сайта и попросить их писать статьи с использованием подходящих ключевых слов и фраз.
Обычно новостные ресурсы обладают большим авторитетом по сравнению с другими сайтами, поэтому, если Вы будете писать уникальные оптимизированные под ключевые фразы статьи, то Ваш сайт всегда будет в лидерах, а Ваши статьи будут выше в результатах поисковой выдачи статей конкурентов!
Грамотная организация внутрисайтовой ссылочной структуры (внутрисайтовая перелинковка)
У крупных новостных сайтов существует одна острая проблема – проблема грамотной организации очень объемных новостных архивов. Обычно такие архивы непосещаемы, а статьи, находящиеся в них, в лучшем случае приносят пару посетителей за длительный промежуток времени.
Я предлагаю решить эту проблему раз и навсегда, начав использовать:
- Теги . Присваивайте каждой статье 3-5 тегов, четко отражающих ее содержимое. Облако тегов очень удобно и пользователи их обожают! О том, как лучше оформить облако тегов, можете прочитать в статье: «Все, что Вам необходимо знать об облаке тегов: досье и примеры ».
- Разъясняющие ссылки . Это такие ссылки, которые ставятся в статье на информационные материалы, поясняющие конкретный и потенциально непонятный момент в статье. Например, как я сделал в предыдущем пункте «Теги» — я поставил ссылку на статью, подробно рассказывающую об облаке тегов, о его предназначении, оформлении и т.д. Такие ссылки обожаемы и ценимы пользователями.
- Рубрикация контента . Рубрикация контента используется новостными ресурсами уже довольно-таки давно. Частенько, категории очень общие, но встречаются и более конкретизирующие экземпляры с 3-4 уровневым вложением.
Избавление от неуникального контента
Отличными примерами, наглядно показывающими, где на сайтах проживает неуникальный контент, являются rss-ленты и размещение одной статьи в нескольких категориях. Не допускайте этого ни в коем случае.
Помимо этого закройте от индексации страницу результатов поиска по сайту, а также страницы, получающиеся в результате сортировки контента по какому-либо параметру.
Разбиение статей (новостей) на страницы – зло
Да, я прекрасно понимаю, что благодаря этому новостные сайты получают в разы больше просмотров страниц, что сказывается на прибыли с рекламы. Но подавляющее большинство публикуемых новостей и статей итак слишком компактны, чтобы быть еще и разбитыми на несколько страниц.
Это очень раздражает читателей, поверьте…
Если же статья действительно объемная, то лучше разбейте ее на несколько логических частей, каждой из которых присвойте свой подзаголовок и оптимизируйте под соответствующие ключевые фразы.
О принудительной регистрации
Несмотря на то, что таких новостных сайтов единицы, сам факт их существования подтолкнул меня на добавление этого пункта в данную статью.
Никогда не требуйте от своих читателей обязательной регистрации и авторизации для получения возможности читать Ваш контент.
Оптимизация под Google News
Между новостными сайтами и обычными есть небольшая разница в плане SEO – если время индексации контента на обычных сайтах мы обычно измеряем в днях, то для новостных ресурсов это время измеряется в минутах.
Очень важно оказаться первым с новостью, чтобы получить максимум посетителей. Что бы ни говорили, а Google News приносит огромное количество посетителей, если новость действительно интересная или на горячую тему.
Google News & изображения
После одного из обновлений Google’a, он стал отображать новость, соответствующую запросу пользователя над результатами поиска.
Выглядит это так:
А теперь скажите мне, на какую область придется подавляющее большинство кликов… По статистике это изображение новости. Поэтому в Ваших интересах подбирать или создавать для новостей максимально привлекательные и цепляющие внимание изображения.
Заключение
Вы знали, что 40% пользователей покидают сайты с плохим дизайном? Зачем терять прибыль? Выберите и установите прямо сейчас один из 44 тысяч премиум шаблонов для сайтов. Идеальный выбор для вашего бизнеса!
Оптимизированные шаблоны WordPress для высокой скорости сайта, один из распространенных и наиболее важных аспектов в WordPress. Никто не любит медленные сайты. Сайт, который загружает медленно и выполняет задачи медленно приводит к плохому пользовательскому опыту. В следующий раз посетители могут быть не готовы посетить ваш сайт снова просто потому, что это занимает слишком много времени.
На этой неделе мы обновили подборку быстрых шаблонов. Для этого мы протестировали шаблоны Вордпресс – хорошо известные и новинки, – чтобы определить, какой из них самый быстрый при загрузке. Мы исключили WordPress темы, которые не были многофункциональными и протестировали только те, которые имеют наиболее часто используемые функции, такие как содержание с боковой панели, связь с соц. сетями, пользовательские страницы, виджеты, функция поиска, комментарии, сообщения и т.д. Наши тесты проводились главным образом с помощью двух инструментов, доступных в Интернете.
Page Speed Insights измеряет производительность страницы для мобильных и настольных устройств. Оценка варьируется от 0 до 100 баллов. Высокий балл, оценка 85 или выше означает, что страница работает хорошо.
Pingdom веб-инструмент простой в использовании, которые рассматривает все части веб-страницы, включая размеры файлов, времени загрузки, HTML, JavaScript, CSS и других файлов, связанных с веб-страницы. Скоринг делается по шкале от 0 до 100 баллов, чем выше, тем лучше.
Оптимизированные шаблоны WordPress для высокой скорости
Итак, на основе лучших оценок, мы сделали список оптимизированных WordPress тем (в случайном порядке).
KANTER – SEO оптимизированный шаблон WordPress с чистым кодом
Этот шаблон, который ориентирован на творческое и бизнес-применение, оптимизирован и с точки зрения SEO, и с точки зрения скорости. Это, в принципе, неудивительно, ведь обычно эти два вида оптимизации тесно друг с другом связаны. На практике это означает, что, создавая сайт на базе такого шаблона, вы с большей уверенностью можете рассчитывать на положительный результат в процессе продвижения. При должном внимании к наполнению контента о вас узнают сотни и тысячи потенциальных клиентов. Скоростной и мобильно оптимизированный сайт, который получится с этим шаблоном, будет продвигать сам гугл, поскольку эти два критерия он считает наиболее важными. Ваш сайт запросто появится на первых строчках поисковой выдачи по тем ключевым запросам, которые вас интересуют!
Знаете, чем отличаются многие другие оптимизированные шаблоны WordPress от KANTER? Во-первых, не во всех есть несколько готовых вариантов оформления сайта. Во-вторых, не у каждого дизайн выполнен настолько чисто и профессионально, как в этой теме. Сфера применения у нее обширная. Ее могут использовать фрилансеры, фотографы, дизайнеры, веб-разработчики, а также компании и фирмы, работающие в различных сферах. Кроме главной здесь есть страницы «О Нас», «Цены», «Услуги» и «Магазин», страницы портфолио, блога и контактных данных.
Шаблон KANTER станет одним из лучших вариантов для вашего сайта, который стоить будет достаточно недорого. Это решение вас не подведет!
Virtua – корпоративные оптимизированные шаблоны WordPress
Эта тема подойдет для различных вариантов и сфер применения, в том числе для IT-фирмы и компании, предоставляющей услуги по принципу аутсорса. У нее очень красивое оформление с нацеленностью на уверенное привлечение потенциальных клиентов. Для этого в ней используется достаточно много веб-компонентов с призывом к действию.
Тема имеет классическое меню, в котором есть главная страница, страницы «О Нас», «Цены», «Услуги», «Контактные данные», «Часто задаваемые вопросы», а также блог. Ниже – классический слайдер со стильной кнопкой для детального ознакомления с деятельностью компании. Для убедительности в шаблоне используется блок с отзывами, которые легко и быстро переключаются с помощью кнопок. Также есть специальный блок для размещения логотипов компаний, с которыми вы сотрудничаете. Еще ниже размещен блок с новостями о компании и теми, которые связаны со сферой вашей деятельности. В футере можно снова кратко разместить информацию о вашей компании, часы работы и кнопки социальных сетей, в том числе Facebook, Twitter, LinkedIn и YouTube.
Шаблон будет превосходным решением для любой компании, которое точно не подведет вас!
QHub– высококлассные шаблоны WordPress для офиса или IT-компании
Такие оптимизированные шаблоны WordPress, как QHub, обычно оптимизированы во всех аспектах: скорость, SEO-оптимизация и мобильная адаптация. Конкретно этот шаблон отличается ярким и красочным дизайном и продуманной структурой. На главной странице в глаза сразу бросается удобное меню и необычный слайдер, который поможет привлечь внимание посетителей и потенциальных клиентов с первых секунд. Кроме того, в шаблоне предусмотрены клевые блоки для представления услуг, цен на услуги, отзывов от реальных клиентов и галереи фотографий вашей компании. Доступен календарь для бронирования (например, если у вас свой офис под аренду или Coworking-сообщество) или других задач.
В самом низу сайта красиво размещены контактные данные. Есть контактная форма для быстрой связи. В футере также есть форма для подписки на новостную рассылку и список ближайших событий. Отличная интеграция с социальными сетями за счет иконок социальных сетей со ссылками на профили (Facebook, Twitter, Google Plus, LinkedIn и так далее). Все это поможет вам уверенно достичь новых высот в бизнесе!
15Zine – оптимизированные шаблоны WordPress для журнала/газеты с высоким рейтингом
Тема полностью отзывчивая и работает с мобильными устройствами, в том числе и с Retina-дисплеями. Светлый и темный вариант дизайна. В мега меню Ajax можно с помощью специальных символов обозначить самые популярные и актуальные записи. Бесконечная прокрутка и загрузка контента.
Consulting – шустрый бизнес шаблон для финансовой сферы
Теперь вам не придется создавать сайт с нуля или заказывать его у веб-дизайнера, ведь эта тема поддерживает 18 демо-макетов для быстрой установки. Различные варианты цветового оформления. Готовые шаблоны страниц для представления услуг. Над футером можно поместить гугл-карту и указать местоположение вашей компании, а в футере указать адрес и контактные данные.
Шаблон имеет отзывчивый дизайн и обеспечивает шикарное отображение сайта на Retina-экранах.
BuzzBlog – чистая тема для личного блога для быстрой загрузки
Вдобавок к высокой скорости, в комплект этой темы было включено 60 вариантов домашней страницы, 12 макетов страницы блога, пять макетов шапки, четыре макета записей, а также встроенные галереи с возможностью настройки количества столбцов и лайтбокса.
В блог можно добавлять записи любого формата. Различные CSS-стили для уникального оформления. Поддержка кнопок социальных сетей и ленты Instagram во всю ширину.
SmartMag – отзывчивая тема журнала с поддержкой Retina-устройств
Кроме журнала шаблон подойдет для сайта СМИ, сайта с отзывами и блога. С помощью drag-and-drop построителя вы без проблем создадите уникальный дизайн своего сайта постранично. Богатые сниппеты и код HTML5 обеспечат высокие позиции сайта в поисковой выдаче.
Удобная навигация с мега меню и поддержка мобильного меню. Различные варианты оформления страниц журнала. Поддержка плагинов форума bbPress и магазина WooCommerce.
Jarida – адаптированная универсальная тема для новостного сайта, журнала и блога
Чистый дизайн, отзывчивый макет, оптимизация под Retina-дисплеи – все это делает тему Jarida лучшим вариантом для вашего сайта. В панели управления можно настроить все от цвета и заднего фона до слайдеров и боковых панелей. 33 виджета, в том числе для счетчика подписчиков во всех социальных сетях.
Восемь готовых шаблонов страниц. Встроенная система отзывов и поддержка магазина. Оптимизация поискового ранжирования.
Flare – бизнес и портфолио шаблон с отзывчивым макетом
Простая тема с возможностью гибкой настройки поможет вам создать быстрый корпоративный сайт, портфолио и даже блог. Генератор шорткодов поддерживает более 60 шорткодов для различных объектов. 10 настраиваемых виджетов.
Для демонстрации работ есть настраиваемые типы записей с удобной сортировкой по категориям и тегам. Блог поддерживает несколько готовых шаблонов. Любые страницы можно защитить паролем. Можно добавить или спрятать форму поиска и выезжающую верхнюю панель.
Braxton – Premium WordPress Magazine Theme
Taskrr – оптимизированные шаблоны WordPress
Nexus Magazine Theme – оптимизированные шаблоны Вордпресс
Schema – оптимизированные шаблоны WordPress
Genesis Framework – оптимизированные шаблоны Вордпресс
AppTheme – оптимизированные шаблоны WordPress
Возможна ли оптимизация WordPress и ускорение простыми методами? Конечно! Несмотря на то, что WordPress по умолчанию легкий и быстрый, его неправильная настройка может сделать многие процессы медленными и чрезвычайно запутанными. Предлагаем обратить внимание на способы, которые помогут ускорить работу веб-сайта.
Согласно последним исследованиям компании Microsoft, время ожидания пользователями загрузок страниц сократилось с 12 секунд до 8 секунд, люди стали более нетерпеливыми. Более того, как показали исследования, 40% пользователей покинут ваш ресурс, если он загружается дольше 3 секунд. Поэтому оптимизация и ускорение WordPress просто необходимо.
1. Оптимизация WordPress и регулярное пополнение собственной базы данных.
WordPress — система управления контентом, основанная на реляционных базах данных. Если база данных большая, то это может привести к замедленной работе интернет-ресурса.
Нужно учитывать следующее параметры при использовании большой базы данных, которая может привести к медленной работе WordPress:
- Ревизия постов: Функция «Ревизия постов » быстро заполняет базу данных, после чего интернет-проект начинает работать медленно. Каждый обновленный пост сохраняется в базе данных. Так база данных заполняется. Данную функцию можно либо отключить совсем, либо ограничить. Чтобы ограничить ревизии, нужно в файл настроек wp-config.php добавить следующие строки:
После изменений кода WordPress хранит максимум 5 изменений поста и только 5 минут. В случае необходимости можно снова включить функцию «Ревизия постов».
- Если нет желания менять код для файла wp-config.php, можно установить плагин — Revision Control или плагин для удаления ревизии постов— WP Clean Up . Тогда оптимизированный WordPress автоматически начнет управлять ревизиями постов. Более подробно как установить и управлять можно .
- Ссылки на блог и трекбэки : ссылки на блог и трекбэки также могут заполнить базу данных. Их тоже можно отключить. Это можно сделать так: Настройки/Обсуждение/Разрешить оповещения с других блогов (уведомления и обратные ссылки) на новые статьи
- Комментарии в блоге : Комментарии в блоге — это совсем не плохо, но только если это не тысячи спам-комментариев, которые занимают место в базе данных. Обязательно нужно регулярно удалять такие комментарии, чтобы не «засорять» базу данных.
- Плагины. Некоторые плагины собирают данные и загружают их в базу данных. Сначала они кажутся полезными, но на самом деле просто занимают много места. Например, один плагин может использовать до 160 мб. пространства базы данных. Это только один плагин! А если их несколько?
- Аналитика и регистрации. С осторожностью нужно относиться к плагинам, которые анализируют историю и регистрацию данных на веб-проекте. В основном они используют большой объем базы данных, что может привести к медленной работе страницы и ухудшит оптимизацию WordPress.
- Можно установить плагин WP-Cleanup и использовать его для чистки и оптимизации базы данных.
2. Оптимизация изображений в WordPress.
От размера картинок зависит время его загрузки на странице. Это происходит, когда нужно загрузить картинку большого разрешения, или, когда фотография публикуется в статьях и затем отображается на домашней странице.
Существует 2 способа оптимизации собственных картинок:
· регулярно оптимизировать и уменьшать размер фотографий; это можно делать без ухудшения качества фото;
В этом случае отлично подходит бесплатный сервис OptiPic , он автоматически сожмет вам все изображения на сайте без вашего участия.
Кстати если у вас большое количество изображений, можете воспользоваться кодом купона скидки для платного режима и скидкой 5%, копируйте код dSAdDeN2xj7_Nr9B1LH68MoyeuJxMeUY
· задерживать загрузку картинок; этот способ используется, когда фотография не загружаются, пока читатель прокручивает окно, где есть это фото. Данный способ позволят избежать проблем при загрузке веб-сайта. Для этого можно использовать различные плагины, например Lazy Load и аналогичные ему с похожим названием.
Оптимизация картинки позволяет его уменьшить с размера в 2 мб. до 600 кб. без ухудшения качества. Это делается с целью удаления ненужных фрагментов изображения. Фото можно оптимизировать в блоге на WordPress с помощью установленных специальных плагинов.
Без сомнения, такая оптимизация WordPress отлично скажется на скорости загрузки вашего портала, так как обычно именно не оптимизированные картинки дольше всего грузятся, особенно это актуально для мобильных устройств и мобильного интернета.
3. Использование кэша и удаление заголовков.
Большинство веб-ресурсов на WordPress могли быть вдвое быстрее, если бы использовали кэширование.
Опитизация WordPress за счет кэширования основано на хранении файлов веб-ресурса в кэше браузера посетителя или готовых страниц на сервере, то есть автоматически сохраняет в фаил кэша страницу, периодически, когда посетитель заходит на сайт. Обычно, если настройки кэш не изменены, то кэш браузера посетителя будет обновляться, когда обновляется веб-проект, тем самым гарантируя, что ничего не потеряется.
Для эффективного использования кэширования, можно использовать плагин, который я сам использую WP Super Cache . Этот плагин ускоряет загрузку WordPress и оптимизация получается за счет того, что сохраняет уже готовые страницы на диск сервера. Благодаря чему при запросе страницы браузером, блогу не надо каждый раз формировать страницу с нуля. В случае стандартной загрузки ему надо сделать много запросов к базе, обработать программу на PHP и так далее. С кэшом же выдаётся уже готовый результат, сразу.
Кэширование позволяет заметно увеличить скорость работы вашего блога. Было установлено, что возможность полного кэширования может ускорять работу блога на WordPress от 2.4 секунды до 900 миллисекунд.
После включения кэширования, можно также включить модуль истечения времени заголовков, это модуль http сервера Apache mod_expires . Эта оптимизация позволит увеличить скорость работы WordPress, оповестив браузеры посетителей, когда запрашивать определенные файлы с сервера. И засталя его хранить файлы в браузере пользователя нужное время. Модуль mod_expires может сэкономить ресурсы сервера и значительно увеличить скорость открытия страницы. Подробно какие писать записи в.htaccess для активации модуля и правильной его настройки, читайте в статье " ". У нас на хостинге , этот модуль включен по умолчанию для всех веб-сайтов. Тем самым уже изначально улучшая их оптимизацию.
4. Включение GZIP Compression через mod_deflate .
Какой самый популярный инструмент для сжатия файлов к формату Zip на компьютере? 7-Zip? WinRar? Многим приходилось сжимать файлы и наблюдать удивительную эффективность, когда файл размером от 200 Мб уменьшается до размера в 40 Мб? Как это происходит? Разве невозможны подобным образом технологические сжатия? Все возможно, можно сделать так и для блога, и тем самым обеспечить его быструю работу и отличную оптимизацию.
GZIP Compression помогает сжимать файлы страницы в формат Zip, и передавать целиком посетителям, за счет этого достигается оптимизация скорости загрузки. Для этого используется модуль http сервера Apache mod_deflate . Другими словами, посещаемость интернет-страницы та же, но сам блог работает быстро, так как посетителей обслуживает сжатая версия.
Мы проверили веб-ресурс, который был сжат с помощью GZIP Compression от 68 кб до 13 кб, Worpress ускорил свою загрузку в 5 раз.Как запустить и настроить этот модуль на хорошем хостинге , такой как наш, описано в статье " ".
5. Использование CDN .
Существуют исследования, показывающие, что CDN может увеличить производительность блога на 60%.
Скорость загрузки контента страницы зависит от того, где размещен хостинг, на котором располагается веб-проект. Например, если хостинг размещен в Индии, а вход происходит, например, из США, то сайт будет грузиться медленнее, чем если бы это происходило бы в Индии. Как выйти из такой ситуации? Люди с ограниченной скоростью доступа в интернет, для ускорения загрузки сайта могут воспользоваться сервисом CDN.
Для использования веб-порталом WordPress сервиса CDN, необходимо распространить контент по всему миру так, чтобы пользователи могли воспользоваться версией, расположенной ближе к ним.
6. Оптимизация и изменение темы WordPress.
Темы WordPress также могут потребовать много времени на загрузку блога. Если пользоваться темой WordPress, которая раздута и основана преимущественно на внешних запросах, то блог будет работать медленнее по сравнению с теми, кто использует темы, основанные на установленных стандартах. Понятно что тут оптимизация будет достаточно сложна.
7. Объединение заднего фона изображения с перемещаемым спрайтом.
Тема WordPress основана на картинке заднего фона, в соединении с командами CSS, преимущественно, дисплей — это чистый задний фон. Так один красивый задний фон может состоять из 12 различных задних фонов. Внешне это выглядит нормально и просто, пока эти 12 фонов используются как 12 разных запросов к серверу от браузера посетителя. А что, если эти 12 прорисовок объединить в одно? Тогда скорость резко возрастет.
При объединении заднего фона со спрайтом, можно разные темы заднего фона изображения объединить в одно и потом, используя CSS получить обычный дисплей страницы. Это уменьшит общее количеств байт, необходимых для загрузки браузерами пользователей, которые вызывали задержку. Результат — более быстрый блог и хорошая оптимизация.
8. Использование только несинхронных вызовов для кодов JavaScript.
Замечали, что при зависании Facebook, остальные веб-ресурсы начинают работать заметно медленнее? Что интересно, этого не происходит, когда загружаются коды Facebook. Подобное случается, когда используются синхронные коды с других сайтов — особенно аналитики или трекинг. Если код установлен синхронно на WordPress, сначала загружается он — в зависимости от части кода — перед загрузкой других элементов сайта.
При использовании только несинхронной подачи кодов JavaScpipt, гарантировано, что блог функционирует должным образом и быстро независимо от того, какой сервер кодов JavaScript используется на веб-проекте.
Подробно, что это такое, можно .
9. Включить HTTP Keep-Alive.
Эта настройка возможна, если у вас есть доступ к конфигурации http сервера. В остальных случаях рекомендую использовать нормальных хостинг .
У нас поддержка Keep-Alive включена для всех клиентов бесплатно!
Обычно когда посетитель запрашивает файл с сервера, каждый файл посылается индивидуально. Проблема в этом случае состоит в том, что открывается новая связь для каждого файла, что итоге приводит к медленной работе блога, в зависимости от того сколько людей одновременно посещают веб-ресурс. Включив HTTP Keep-Alive, браузерам посетителей поставляются все файлы через одну связь. Связь открыта до тех пор пока все файлы не получены. Таким образом количество открытых связей на сервере сокращается, тем самым приводя к увеличению скорости работы сайта.
10. Использование лучшего хоста.
Если хост плохой, то советы, представленные в этой статье, не будут иметь большого значения. В таких условиях оптимизация сложна. При регулярном анализе и исследовании веб-хостов замечено, что в 2 случаях из 10, если конфигурация сервера плохая, то ничего для увеличения скорости работы портала сделать нельзя.
В одном журнале были описаны случаи, показывающие как сильно веб-хост влияет на длительность загрузки интернет-страницы. Программист сравнил скорости работы блогов двух клиентов, один из которых пользовался выделенным сервером, второй — общим. Результат был ошеломляющим: время отклика веб-ресурса на запросы на выделенном сервере составило 7 мс, в то время как время отклика сайта на общем сервере — целых 250 мс.
Однозначно веб-хост имеет значение. Поэтому прежде чем покупать где-то хостинг, попробуйте наш . Первый месяц вы можете им пользоваться совершенно бесплатно. Либо можете вообще взять бесплатный тариф.
Напоследок, я предлагаю вам посмотреть отличное видео, где многие моменты из этой статьи по оптимизации и ускорению WordPress, показаны визуально.
Сегодня будем рассматривать оптимизацию блога на WordPress. Сюда входит настройка ЧПУ, работа с некоторыми плагинами для оптимизации страниц на блоге и файлами.
Настройка ЧПУ
Изначально url-адреса CMS WordPress имеют весьма непонятное для нас содержимое.
Как видим, из данного адреса невозможно понять, что находится на странице. Так вот, такие адреса следует заменить на ЧПУ (человекоподобные урлы), не только чтобы создать ясную картину посетителям о содержимом на странице, но и чтобы понравится дяде Яндексу. Именно по рекомендациям поисковика многие вебмастеры и прибегают к установке ЧПУ.
Переходим в административную панель своего блога, затем «Параметры» — «Постоянные ссылки». Ставим отметку напротив «Произвольно» и вставляем данный код, который создаст человекоподобные адреса на блоге — /%postname%.html
:
После этого, мы можем наблюдать на блоге человеческие url-адреса, которые и смотрятся красивее и которые помимо всего содержат ключевое слово (title записи), что немаловажно:
Дубли страниц
Самая первая проблема, возникающая при работе с CMS WordPress, это копии страниц, которые создает движок. Дублирование контента очень негативно сказывается на ранжировании сайта, потому как дубли сами по себе делают уникальные статьи не уникальными. Вдаваться в подробности я не буду, а только покажу, как не заболеть дублями.
Избавится от дублей на WordPress нам поможет файл robots.txt — файл, который выступает средством общения между владельцем сайта и поисковой машиной. В robots.txt вы можете запретить от индексации любые файлы своего блога, теги и страницы. Именно при помощи роботса можно ограничить дубли страниц на WordPress от индексации (что нам и необходимо).
Нормальный файл роботс выглядит следующим образом (указываю основные моменты, которые мы закрыли от индекса, в т.ч. и дубли):
Как вы можете видеть, мы закрываем необходимые нам элементы посредством директивы Disallow . Тоесть, к примеру, я захотел закрыть тэги от индексации. Для этого я написал — Disallow: /tag . Точно также закрываются все остальные элементы: плагины, темы, категории (Disallow: /category). Примечание: после двоеточия всех директив необходимо ставить пробел.
Важно отметить и директиву Allow . Она используется для того, чтобы наоборот разрешить индексацию элемента поисковой машиной. Тоесть, к примеру, если я хочу чтобы картинки моего блога индексировались (находятся в папке wp-content), но при этом я не хочу, чтобы остальное содержимое папки wp-content (плагины, темы и т.п.) индексировалось, я прописываю в файле robots.txt следующее:
Первым делом создайте у себя на компьютере обычный документ формата .txt при помощи программы Блокнот, задав ему имя robots . Дальше скачайте мной предложенный файл robots.txt, и по необходимости отрегулируйте его по своим прихотям. Скачать вариант вышеуказанного варианта роботса можете с Яндекс.Диска . Загруженный файл разместите в папку public_html своего блога..
Оптимизация страниц
Очень важно, чтобы каждая страница блога имела заголовок с ключевым запросом, прописанные ключи и качественное описание, иными словами title , keywords и description . Вспомните, мы ранее устанавливали на блог плагин All In One SEO Pack. Так вот, именно используя его мы сможем задать эти параметры каждой странице блога.
Я на примере создам title, keywords, и description для одной записи своего блога (нужно же создавать абсолютно для всех). Допустим, я написал пост, посвященный обзору плагинов для CMS WordPress. Под формой вставки записи на блог будет расположен блок All In One SEO Pack, в котором я и задам необходимые параметры:
Описания к записям блога должны вкратце описывать страницу и выглядеть разумно.