Как ускорить загрузку блога. Часть 3. Картинки на поддомене
Привет, друзья! Не знаю, заметили ли вы что мой блог сейчас просто летает и загружается за долю доли секунды. Все дело в минималистичной верстке и одном классном способе, когда все картинки блога располагаются не на сайте, а на его поддомене! И сейчас я расскажу как увеличить скорость загрузки сайта!
Это уже не первая статья из данной серии, в которой я приводил советы по увеличения скорости загрузки сайта. Вот первые две части:
– Как ускорить загрузку Вашего блога
– Замена плагинов на код. Как ускорить блог, часть 2
Пролог.
Когда загружается страница, браузеры одновременно «тянут» информацию в несколько потоков с различных сайтов, например, если подключена библиотека jQuery с сайта гугла, и таким образом, работая в несколько потоков, ускоряя загрузку сайта. При этом, картинки, которые лежат в папках самого сайта, идут в общем потоке, что несколько затормаживает подгрузку контента страницы.
Так вот, почему бы не «вытеснить» картинки на другой сайт, чтобы они подгружались оттуда, не мешая загрузке основного контента? Даже лучше, вытесним их на поддомен! Это ведь, своего рода, уже другой сайт!
Посмотрите исходный код данной страницы, нажав на сочетание клавиш Ctrl + U. Видите что картинки у меня располагаются по адресу images.sylar.ru? Провернуть данный фокус очень и очень просто! :silly:
По данным этого сервиса, скорость загрузки моего блога составляет 0.08 секунды. Думаю неплохо! :smile:
Инструкция по перемещению картинок в поддомен.
Для начала необходимо создать поддомен для вашего сайта. Увы, у каждого хостера эта процедура отличается, поэтому здесь придется немного покумекать, может быть даже обратиться за помощью в службу поддержки хостинга.
Итак, вы создали поддомен, и он даже работает, что гораздо лучше для нас и дает основному сайту продвижение до небес. Создайте в корне этого поддомена файл test.php и занесите в него следующий код:
Затем наберите в браузере:
http://поддомен.домен.ру/test.php
В случае успеха вам выведется строчка, что типа:
/var/www/sylar.ru/data/www/images.sylar.ru
Это полный путь до поддомена, который прописан в операционной системе вашего хостера, и у вас этот путь будет совершенно другим, не копируйте мой. :biggrin:
Далее, в админке wordpress заходим в «Параметры — Медиафайлы» и копируем нашу строку в первое поле. Во второе поле пишем полный адрес нашего поддомена.
Половину работы мы сделали. Теперь вам надо скопировать все содержимое папки Uploads, которая находится в папке wp-content в корень вашего поддомена. Лучше сперва скопировать содержимое, а не переносить, потому как в случае если вы будете неспешно ковыряться, на вашем сайте вместо картинок будет пустота, в лучшем случае. :biggrin:
Далее придется поработать с phpmyadmin, она есть у каждого хостера и, как правило, доступ к ней возможен из панели управления хостингом.
Заходим в phpmyadmin, выбираем нашу базу данных и нажимаем на вкладку SQL:
Как ввести sql запрос
Кстати, в следующем посте я расскажу про супер альтернативу для phpmyadmin! Не пропустите! :wink:
В текстовое поле впишите следующий запрос:
UPDATE `wp_posts` SET `post_content` = REPLACE(`post_content`, ‘http://sylar.ru/wp-content/uploads/’,’http://images.sylar.ru/’)
И затем сразу же этот код:
UPDATE `wp_posts` SET `guid` = REPLACE(`guid`, ‘http://sylar.ru/wp-content/uploads/’,’http://images.sylar.ru/’)
Это перепишет все пути картинок со старого адреса на новый.
Ну вот и все, осталось всего лишь перенаправить поисковики на новые адреса картинок, чтобы они не считались дублями. Для этого в файл .htaccess внесите запись:
RedirectMatch 301 ^/wp-content/uploads/(.*)$ http://images.sylar.ru/$1
Заключение.
Ну вот, теперь точно все! Уверен, результат вас порадует!
Отлично было бы, если б перед выполнением данного фокуса, вы бы замерили скорость загрузки вашего сайта, через сервис что я привел выше, а потом замерили бы уже после проведенной операции и отписались в комментариях! :smile:
Большое спасибо за уделенное время!
Кстати, заметили классный баннер у меня в сайдбаре? Это новый сервис покупок на Ebay. Сейчас я экспериментирую с ним при помощи Кисточка CMS что я купил несколько дней назад. О результатах я сообщу попозже, но уже не терпится о них рассказать, поэтому подписывайтесь на обновления блога и тогда точно не пропустите! :smile:
