11 шагов для ускорения вашего сайта WordPress

В этом уроке мы расскажем о том, какие изменения помогут превратить ваш сайт из сайта с низким рейтингом в скакового скакуна.

В последнее время Google вносит множество изменений, чтобы сделать Интернет лучше. Одним из основных обновлений является обновление Google Panda, которое не допускает дублирования контента. Но обновление, которое мы рассматриваем сегодня, — это скорость, Google учитывает скорость при ранжировании вас в результатах поиска, и посетители, как правило, покидают ваш сайт, если им приходится ждать более пары секунд. По обеим этим причинам вы можете видеть, насколько важна скорость загрузки страницы для успеха вашего сайта.

Этот сайт использует WordPress в качестве CMS, поэтому мы собираемся использовать это в качестве примера, чтобы увидеть, как вы можете ускорить свой сайт.

Перед внесением изменений

Прежде чем мы начнем вносить какие-либо изменения, полезно выяснить, какова ваша начальная скорость, ниже приведен скриншот из pingdom, который говорит, что Paulund потребовалось 5,80 секунды для загрузки и необходимо загрузить 219 КБ данных.

1. Выбор темы WordPress

Выбор правильной темы WordPress может существенно повлиять на скорость вашего сайта. Вы должны убедиться, что CSS, JS и изображения на тему оптимизированы для Интернета. Если вы купите премиум-тему, то вы бы надеялись, что об этом все позаботятся, но даже премиум-темы не будут такими быстрыми, как пользовательские темы.

Вам нужно посмотреть на цель вашего сайта и выбрать правильную тему для того, что вы пытаетесь доставить. Например, если вы фотограф, вы захотите разместить свои изображения на своем веб-сайте, поэтому вам необходимо убедиться, что эти изображения оптимизированы для вашего веб-сайта.

Один из способов убедиться, что ваши изображения оптимизированы — это уменьшить размер изображения в Photoshop или использовать сервис изображений, такой как JPEGmini .

Для вашего CSS и JS есть несколько способов оптимизировать их:

• Объедините все CSS в один файл.
• Объедините все JS в один файл.
• Удалите все комментарии и разрывы строк в вашем файле CSS и JS.

2. Изменение темы WordPress

Что касается моей последней темы, мне очень понравилась тема, которая выглядела современно и была полезна для ниши моего сайта. Но проблема заключалась в том, что этот сайт все о содержании. Когда сайт полностью посвящен контенту, очень важно, чтобы сайт загружался быстро и его можно было легко увидеть.

Переход на новую тему должен был иметь большую область контента, с более крупным шрифтом, меньшим количеством изображений с чистым, быстрым дизайном.

Внесение этих изменений имело огромное значение для скорости сайта. Загрузка страницы заняла от 9 секунд до 5 секунд, это значительное улучшение, но все же 5 секунд для загрузки сайта недостаточно для сайта, где посетители хотят быстро получить контент.

3. Почему важна скорость страницы?

Некоторые из них будут сосредоточены на дизайне сайта, даже если на скорость страницы влияет, но я чувствую, что скорость сайта очень важна.

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

Вот почему поисковые системы теперь будут использовать скорость страницы как часть алгоритма, который решает, где ваш сайт занимает место в поисковой системе, поэтому все, что вам нужно сделать, это ускорить ваш сайт, что создаст лучший опыт для ваших посетителей и улучшит вашу позицию в результаты поиска.

Используйте эти инструменты, чтобы увидеть, как ускоряются ваши сайты.

• Page Speed , надстройка Firefox / Firebug с открытым исходным кодом, которая оценивает производительность веб-страниц и дает предложения по улучшению.
• YSlow , бесплатный инструмент от Yahoo! это предлагает способы улучшить скорость веб-сайта.
• WebPagetest показывает водопадное представление производительности загрузки ваших страниц плюс контрольный список оптимизации.
• В Инструментах для веб-мастеров Labs> Site Performance показывает скорость вашего сайта, которую испытывают пользователи по всему миру, как показано в таблице ниже.

4. Ускорение вашего сайта WordPress

Сайты WordPress очень популярны, с большим количеством информации о них, и все они борются за то, чтобы быть лидерами в поисковых системах, так почему бы не дать вашему сайту повышение, ускоряя его.

Здесь мы рассмотрим некоторые из вещей, которые вы можете сделать, чтобы ускорить ваш сайт WordPress.

• Удалить ненужные плагины
• Оптимизировать базу данных WordPress
• Добавьте правильные плагины WordPress
• Использование Cloudflare
• Установить CDN

5. Удалите нежелательные сторонние плагины WordPress

Плагины WordPress позволяют добавлять дополнительные функции на ваш сайт WordPress , но добавление дополнительных функций замедлит работу вашего сайта. Он добавляет больше кода для запуска, прежде чем сервер сможет отображать ваши страницы, больше кода — больше времени загрузки, поэтому попробуйте удалить некоторые плагины. Убедитесь, что у вас остались только те плагины, которые вам действительно нужны для работы вашего сайта.

add_action('wp_footer', 'add_googleanalytics');
function add_googleanalytics() {
     // Paste your Full Google Analytics Javascript here within a php echo
}

<IfModule mod_rewrite.c>
 RewriteEngine on
 RewriteCond %{HTTP_USER_AGENT} !FeedBurner    [NC]
 RewriteCond %{HTTP_USER_AGENT} !FeedValidator [NC]
 RewriteRule ^feed/?([_0-9a-z-]+)?/?$ http://feeds2.feedburner.com/Paulundcouk [R=302,NC,L]
</IfModule>

add_filter('the_content', 'google_plus');
function google_plus($content) {
	$content = $content.'<g:plusone size="tall" href="'.get_permalink().'"></g:plusone>';
	return $content;
}
add_action ('wp_enqueue_scripts','google_plus_script');
function google_plus_script() {
	wp_enqueue_script('google-plus', 'https://apis.google.com/js/plusone.js', array(), null);
}

<?php
//for use in the loop, list 5 post titles related to first tag on
//current post
$tags = wp_get_post_tags($post->ID);
if ($tags) {
  echo 'Related Posts';
  $first_tag = $tags[0]->term_id;
  $args=array(
    'tag__in' => array($first_tag),
    'post__not_in' => array($post->ID),
    'showposts'=>5,
    'caller_get_posts'=>1
   );
  $my_query = new WP_Query($args);
  if( $my_query->have_posts() ) {
    while ($my_query->have_posts()) : $my_query->the_post(); ?>
<a href="<?php the_permalink() ?>" rel="bookmark" title="
      <?php the_title_attribute(); ?>">
      <?php the_title(); ?></a>
      <?php
    endwhile;
  }
}
?>

function the_breadcrumb() {
	if (!is_home()) {
		echo '<a href="';
		echo get_option('home');
		echo '">';
		bloginfo('name');
		echo "</a> » ";
		if (is_category() || is_single()) {
			the_category('title_li=');
			if (is_single()) {
				echo " » ";
				the_title();
			}
		} elseif (is_page()) {
			echo the_title();
		}
	}
}

<ul class="popular_posts">
		<?php $pc = new WP_Query('orderby=comment_count&posts_per_page=10'); 
		while ($pc->have_posts()) : $pc->the_post(); ?>
<li><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a>
Posted by <strong><?php the_author() ?></strong> with <?php comments_popup_link('No Comments;', '1 Comment', '% Comments'); ?>
</li>
		<?php endwhile; ?>
	</ul>

<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

< title ><?php wp_title('|', true, 'right'); ?><?php bloginfo('name'); ?></ title >

< title > <?php wp_title('|', true, 'right'); ?>Paulund</ title >