Оптимизировать код и скрипты, чтобы повысить скорость загрузки сайта
Проверка сайта www.vinterere.ru/ через сервисы:
developers.google.com/speed/pagespeed/insights/
gtmetrix.com/
Показало грустную картину.
Кто сможет выполнить все необходимые действия с кодом и скриптами, все что необходимо и за какую цену?
Цель — вывести сайт в зеленую зону до 97
Ваш сайт летает:
www.vinterere.ru/ (57)
По сравнению, например:
developers.google.com/ (41!)
Хотя до Yandex, чуток отстает:
yandex.ru/ (81)
Ладно, не буду издеваться над Google, который в последней версии эту систему сделал под себя, но себя забыл. Ему продвигать надо некоторые технологии просто (AMP и еще ряд). Вот он так и работает. Многие уже давно не особо обращают внимание на этот "инструмент", так для инфы.
По поводу вашего сайта:
Улучшить можно всё и всегда. Но насколько, при таком количестве рекламы?
— ради интереса, попробуйте на время проверки только, убрать внешние счетчики / рекламу:
Yandex Metrica
Google/Doubleclick Ads
Большой скачок будет, просто интересно?
У вас изображения по 100кб, баннерные. Понятное дело, ему не нравится это.
cdn.admitad-connect.com/public/bs/2020/01/16/864713973a965f9413e5d1ac98313663.jpg (>98 кб, верхний баннер)
Без потеря качества, у меня этот баннер вышел 17кб. Он jpg, простая фото.
Но это же не ваши изображения. Вы крутите чужие. А Google (и не только) без разницы, изображения на вашей странице не оптимизированы, и это плохо, считает он. Прямо сразу в шапке ещё, перед загрузкой. Все остальные танцы на самом деле (думаю) будут не особо существенны. Если только сервер посмотреть, nginx, там или еще что подкрутить.
Я почему размер баннера привел. Одно фото, оптимизированное, может перебить один целый файл 70кб (js или css). Это как вы один файл уберёте, или переместите в подвал 2 файла.
Бегло глянул.
Google, не является тем, на что надо молиться.
Ваш сайт летает:
www.vinterere.ru/ (57)
Благодарю за слова поддержки), а то я чуток подрастроился...
Гугл пишет что надо вниз перенести js css а я в этом не понимаю, поэтому и обратился за помощью.
Банер уберу, с фото поработаю, а как быть с метрикой?
В мобильной версии Меню не работает
Благодарю, подскажите в каком направлении искать, чтобы заработало? В чем может быть причина?
— ради интереса, попробуйте на время проверки только, убрать внешние счетчики / рекламу:
Большой скачок будет, просто интересно?
У вас изображения по 100кб, баннерные. Понятное дело, ему не нравится это.
Убрал банер совсем. Скорость поднялась. Гугл показал уже (75) для ПК 😊для мобильного (64).
Тем не менее, что делать с этим?
"Некоторые ресурсы блокируют первую отрисовку страницы. Рекомендуем встроить критическую часть данных JS/CSS в код HTML и отложить загрузку остальных ресурсов"
И как сделать это?
"Сократите время ответа сервера (время до получения первого байта)"
Что значит: "Сократите размер структуры DOM 1 231 элемент"? и как это оптимизировать?
Как увеличить время кэширования? Оно стоит, судя по отчету, но его надо увеличить, как я понял. А где его найти?
Как это оптимизировать?: "Сократите глубину вложенности критических запросов"
Что это имется ввиду?: "Постарайтесь уменьшить количество запросов и размеры передаваемых данных 85 запросов • 1 641 КБ
Чтобы установить бюджет для количества и размера ресурсов на странице, добавьте файл budget.json. "
Я только начинаю с технической стороной знакомится и еще не совсем понимаю где что искать))
Благодарю за слова поддержки), а то я чуток подрастроился...
Гугл пишет что надо вниз перенести js css а я в этом не понимаю, поэтому и обратился за помощью.
Банер уберу, с фото поработаю, а как быть с метрикой?
Я просто написал, чтобы вы убрали лишь на время проверки. Убрали, посмотрели сколько показывает, далее опять добавили если надо. Вам необходимо понять самому, насколько влияют эти отдельные элементы. Вот вы хотите убрать верхний баннер. Отлично. А на сколько вырастят показатели? Посмотрите. С Метрикой аналогично. Что из рекламы, счетчиков всех больше влияет? Если возможно оптимизировать изображения на главной странице, надо конечно их оптимизировать.
Но главный вопрос в другом. С сайтом есть какие то проблемы, что вы обратили внимание на этот инструмент.Почему вы решили вдруг глянуть на этот инструмент?
Дополнил: написали практически одновременно. 75? Вот это да, из-за одной картинки, всего.
"Сократите размер структуры DOM 1 231 элемент"? и как это оптимизировать?
шаблоны можно переделывать.
Но все же вопрос остается. Почему вы вдруг заинтересовались этим?
Цель — вывести сайт на посещаемость 1000 уников в сутки.
Но все же вопрос остается. Почему вы вдруг заинтересовались этим?
Заметил, то медленно грузится.
Понимаю, что скорость загрузки сайта понижает сайт в поиске и снижает посещаемость, так как торопливый пользователь предпочтет закрыть страницу не дождавшись ее загрузки))...
Поэтому прежде чем начать продвижение сайта, хочу повысить его загрузку, чтобы убрать данный показатель.
Для обработки картинок, хорошо подходит XnView
Благодарю за программу!
Уже год жду толп посетителей
Прекрасно понимаю)), что скорость загрузки не приведет посетителей))...
Но один из факторов, который влияет на % отказа… мне так кажется)..
Да и в сейчас все хотят все быстро)))
Да фиг их знает чего они хотят. Но лишним не будет.
Если что, могу подсказать как еще ускорить.
Если что, могу подсказать как еще ускорить.
Подскажите. Принимаю с благодарностью.
Зеленая цифра 100 радует как-бы там ни было)
<FilesMatch "\.css.gz$">
ForceType text/css
Header set Content-Encoding: gzip
</FilesMatch>
<FilesMatch "\.css$">
RewriteEngine On
RewriteCond %{HTTP_USER_AGENT} !".*Safari.*"
RewriteCond %{HTTP:Accept-Encoding} gzip
RewriteCond %{REQUEST_FILENAME}.gz -f
RewriteRule (.*)\.css$ $1\.css.gz [L]
ForceType text/css
</FilesMatch>
AddEncoding gzip .gz
<FilesMatch "\.js.gz$">
ForceType text/javascript
Header set Content-Encoding: gzip
</FilesMatch>
<FilesMatch "\.js$">
RewriteEngine On
RewriteCond %{HTTP_USER_AGENT} !".*Safari.*"
RewriteCond %{HTTP:Accept-Encoding} gzip
RewriteCond %{REQUEST_FILENAME}.gz -f
RewriteRule (.*)\.js$ $1\.js.gz [L]
ForceType text/javascript
</FilesMatch>
Вместо jquery.js (93 Кб) будет подгружаться jquery.js.gz (30 Кб)
2. Фотографии можно подгружать lazy load
в .htaccess добавь
Добавил. Файлы, которые в template.php подключаются,
css/reset.css');
/css/text.css');
'/css/960.css');
/css/styles.css');
// Подключаем colorbox (просмотр фото)
'includes/jquery/colorbox/jquery.colorbox.js');
'includes/jquery/colorbox/colorbox.css');
includes/jquery/colorbox/init_colorbox.js');
заархивировал и залил в папки оригиналов. Файлы-оригиналы оставил на месте.
Скорость на Моб увеличилась до 60 (была 54), на Пк до 82-85.(была ниже 80)
2. Фотографии можно подгружать lazy load
Это как реализовать?
И еще вопрос.
До этого вставлял этот код:
<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/css
<IfModule mod_setenvif.c>
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
</IfModule>
</IfModule>
<FilesMatch ".(flv|gif|jpg|jpeg|png|ico|swf|js|css|pdf)$">
Header set Cache-Control "max-age=2592000"
</FilesMatch>
Проверил снова ничего не меняя: МБ 51, ПК 92! )) Как-то радостнее стало)) для ПК