Увеличение скорости загрузки сайта
Как проверить и увеличить скорость загрузки сайта, простые и практические способы
2 года назад
Увеличение скорости загрузки сайта
Ни для кого не секрет, что скорость загрузки и обработки страницы влияет на результаты поисковой выдачи. Если кто не знал, то поясним, что от скорости загрузки влияет периодичность обхода вашего сайта поисковыми роботами. Чем быстрее у вас будет загружаться сайт, тем легче его будет пройти поисковым системам и просмотреть посетителю. Особенно, если посетитель просматривает ваш сайт, с мобильного устройства.
В этой статья мы решили собрать несколько эффективных способов и советов, при помощи которых можно увеличить скорость загрузки сайта и добиться наилучших позиций в поисковой выдаче.
Итак, начнем:
– Оптимизируйте изображения
– Сократите объем CSS-файлов
– Используйте кеш браузера для сжатия
– Используйте правильную верстку страниц
Кроме того, размер CSS можно уменьшить автоматически, использовав веб-инструмент для компрессии компрессор css файлов
Откроем файл .htaccess и пропишем:
В этой статья мы решили собрать несколько эффективных способов и советов, при помощи которых можно увеличить скорость загрузки сайта и добиться наилучших позиций в поисковой выдаче.
Итак, начнем:
– Оптимизируйте изображения
– Сократите объем CSS-файлов
– Используйте кеш браузера для сжатия
– Используйте правильную верстку страниц
Оптимизируйте изображения
Постарайтесь сократить размер ваших изображений к минимальному объему, без потери качества это значительно позволит увеличить скорость загрузки сайта, подберите правильный формат и сжатие. Проанализируйте ваши изображения, уберите на них ненужные поля, сократите размер до уровня доступности. При помощи известных графических редакторов таких как Photoshop, GIMP, при сохранении изображений, указывайте среднее качество изображения (без потери качества). Используйте инструменты сжатия изображений сжатие изображенийСократите объем CSS-файлов
Размер CSS файлов можно уменьшить, удалив не нужные пробелы, переносы строк, отступы и не используемые, закомментированные стили. Сократив код CSS-код, вы ускорите загрузку отображения стилизации вашей страницы.Кроме того, размер CSS можно уменьшить автоматически, использовав веб-инструмент для компрессии компрессор css файлов
Используйте кеш браузера
Если использовать браузерное кеширование, то пользователи повторно посещающие страницы вашего сайта, тратят меньше времени на загрузку страниц, так как при первом посещении вашего ресурса браузер запоминает и сохраняет в кеше статические ресурсы, ими могут быть: изображения, DOC файлы, PDF, JavaScript, CSS и т.п.Откроем файл .htaccess и пропишем:
file.txt
RewriteEngine on
### Сжать ответ сервера для перечисленных MIME типов
<ifModule mod_deflate.c>
<IfModule mod_filter.c>
AddOutputFilterByType DEFLATE text/plain text/html
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/javascript application/javascript application/x-javascript
AddOutputFilterByType DEFLATE text/xml application/xml application/xhtml+xml application/rss+xml
AddOutputFilterByType DEFLATE application/json
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject application/x-font-ttf font/opentype image/svg+xml image/x-icon
</ifModule>
</ifModule>
### Способ #1
### Подсказать браузеру схему кеширования через заголовки в ответе сервера
<ifModule mod_headers.c>
# 43200 - день, 604800 - неделя, 2592000 - месяц
<FilesMatch "\.(html|js|css)$">
Header set Cache-Control "max-age=2592000"
#Header unset Last-Modified
</FilesMatch>
<Files *.txt>
Header add Cache-Control "max-age=43200"
</Files>
<FilesMatch "\.(flv|swf|ico|gif|jpg|jpeg|png)$">
Header set Cache-Control "max-age=2592000"
</FilesMatch>
<FilesMatch "\.(pl|php|cgi|spl|scgi|fcgi)$">
# отключить кэширование
Header unset Cache-Control
</FilesMatch>
</IfModule>
### Способ #2
### Подсказать браузеру схему кеширования через заголовки в ответе сервера
<IfModule mod_expires.c>
# Enable expires
ExpiresActive On
# Default a cache expiration
ExpiresDefault "access plus 10 month"
# Images
ExpiresByType image/gif "access plus 1 month"
ExpiresByType image/png "access plus 1 month"
ExpiresByType image/jpg "access plus 1 month"
ExpiresByType image/jpeg "access plus 1 month"
# CSS, JavaScript
ExpiresByType text/css "access plus 1 year"
ExpiresByType application/javascript "access plus 1 year"
ExpiresByType text/javascript "access plus 1 year"
</IfModule>
### Удалить заголовок ETag (иначе есть проблемы с кешированием при включенном сжатии)
<IfModule mod_headers.c>
Header unset ETag
</IfModule>
FileETag None
Разметка страницы
Поисковые системы подчиняются некоторым стандартам, одним из которых является HTML разметка страницы. Если в разметке вашего сайта есть грубые ошибки, такие как не закрытая скобка, кавычка, битая ссылка, не закрытый тег, то роботы могут запутаться и не проиндексировать ваш сайт или проиндексировать неправильно. Все эти процессы будут сопровождаться повышенным ожиданием сканирования, замедлят индексацию вашего веб-ресурса. В свою очередь корректный код в разы упрощает индексацию страниц и позволяет быстрее роботам распознавать информацию на вашем сайте.Используйте инструменты проверки разметки вашего сайта Инструмент для проверки разметки
Проверить скорость загрузки всего сайта и отдельно взятых страниц можно при помощи инструмента webmaster.yandex.ru в разделе Инструменты -> проверка ответа сервера
1,4K
Комментарии