Повысить скорость загрузки сайта

InstantCMS 1.X

Оптимизировать код и скрипты, чтобы повысить скорость загрузки сайта

#1 12 февраля 2020 в 23:27
Доброго времени суток.
Проверка сайта www.vinterere.ru/ через сервисы:
developers.google.com/speed/pagespeed/insights/
gtmetrix.com/
Показало грустную картину.

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

Цель — вывести сайт в зеленую зону до 97
#2 13 февраля 2020 в 01:19
Google, не является тем, на что надо молиться.
Ваш сайт летает:
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 файла.
Бегло глянул.
#3 13 февраля 2020 в 02:05
В мобильной версии Меню не работает
#4 13 февраля 2020 в 02:29


Google, не является тем, на что надо молиться.
Ваш сайт летает:
www.vinterere.ru/ (57)

@Evg

Благодарю за слова поддержки), а то я чуток подрастроился...
Гугл пишет что надо вниз перенести js css а я в этом не понимаю, поэтому и обратился за помощью.

Банер уберу, с фото поработаю, а как быть с метрикой?
#5 13 февраля 2020 в 02:30


В мобильной версии Меню не работает

Ленивый

Благодарю, подскажите в каком направлении искать, чтобы заработало? В чем может быть причина?
#6 13 февраля 2020 в 02:44



— ради интереса, попробуйте на время проверки только, убрать внешние счетчики / рекламу:
Большой скачок будет, просто интересно?
У вас изображения по 100кб, баннерные. Понятное дело, ему не нравится это.

@Evg

Убрал банер совсем. Скорость поднялась. Гугл показал уже (75) для ПК 😊для мобильного (64).

Тем не менее, что делать с этим?
"Некоторые ресурсы блокируют первую отрисовку страницы. Рекомендуем встроить критическую часть данных JS/CSS в код HTML и отложить загрузку остальных ресурсов"

И как сделать это?
"Сократите время ответа сервера (время до получения первого байта)"

Что значит: "Сократите размер структуры DOM 1 231 элемент"? и как это оптимизировать?

Как увеличить время кэширования? Оно стоит, судя по отчету, но его надо увеличить, как я понял. А где его найти?

Как это оптимизировать?: "Сократите глубину вложенности критических запросов"

Что это имется ввиду?: "Постарайтесь уменьшить количество запросов и размеры передаваемых данных 85 запросов • 1 641 КБ
Чтобы установить бюджет для количества и размера ресурсов на странице, добавьте файл budget.json. "

Я только начинаю с технической стороной знакомится и еще не совсем понимаю где что искать))
#7 13 февраля 2020 в 02:47


Благодарю за слова поддержки), а то я чуток подрастроился...
Гугл пишет что надо вниз перенести js css а я в этом не понимаю, поэтому и обратился за помощью.
Банер уберу, с фото поработаю, а как быть с метрикой?

@AlexProfit

Я просто написал, чтобы вы убрали лишь на время проверки. Убрали, посмотрели сколько показывает, далее опять добавили если надо. Вам необходимо понять самому, насколько влияют эти отдельные элементы. Вот вы хотите убрать верхний баннер. Отлично. А на сколько вырастят показатели? Посмотрите. С Метрикой аналогично. Что из рекламы, счетчиков всех больше влияет? Если возможно оптимизировать изображения на главной странице, надо конечно их оптимизировать.

Но главный вопрос в другом. С сайтом есть какие то проблемы, что вы обратили внимание на этот инструмент.Почему вы решили вдруг глянуть на этот инструмент? zst
Дополнил: написали практически одновременно. 75? Вот это да, из-за одной картинки, всего.

"Сократите размер структуры DOM 1 231 элемент"? и как это оптимизировать?
шаблоны можно переделывать.

Но все же вопрос остается. Почему вы вдруг заинтересовались этим?
#8 13 февраля 2020 в 03:12


Но все же вопрос остается. Почему вы вдруг заинтересовались этим?

@Evg
Цель — вывести сайт на посещаемость 1000 уников в сутки.
Заметил, то медленно грузится.
Понимаю, что скорость загрузки сайта понижает сайт в поиске и снижает посещаемость, так как торопливый пользователь предпочтет закрыть страницу не дождавшись ее загрузки))...
Поэтому прежде чем начать продвижение сайта, хочу повысить его загрузку, чтобы убрать данный показатель.
#9 13 февраля 2020 в 09:00
Для обработки картинок, хорошо подходит XnView



Уже год жду толп посетителей laugh



#10 13 февраля 2020 в 19:55


Для обработки картинок, хорошо подходит XnView

@chameleon9

Благодарю за программу!


Уже год жду толп посетителей laugh


Прекрасно понимаю)), что скорость загрузки не приведет посетителей))...
Но один из факторов, который влияет на % отказа… мне так кажется)..

Да и в сейчас все хотят все быстро)))
#11 13 февраля 2020 в 20:03


@AlexProfit
Да фиг их знает чего они хотят. Но лишним не будет.
Если что, могу подсказать как еще ускорить.
#12 13 февраля 2020 в 20:14


Если что, могу подсказать как еще ускорить.

@chameleon9

Подскажите. Принимаю с благодарностью.
Зеленая цифра 100 радует как-бы там ни было)
#13 13 февраля 2020 в 20:40
в .htaccess добавь

<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>
Теперь файлы: styles.css, common.js, jquery.js можно сжать архиватором 7-zip в .gz, и скопировать эти файлы в папки с оригиналами.
Вместо jquery.js (93 Кб) будет подгружаться jquery.js.gz (30 Кб)

2. Фотографии можно подгружать lazy load
#14 13 февраля 2020 в 21:31


в .htaccess добавь

@chameleon9

Добавил. Файлы, которые в 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>
Его можно оставить или надо убрать?
#15 13 февраля 2020 в 21:41


@chameleon9

Проверил снова ничего не меняя: МБ 51, ПК 92! )) Как-то радостнее стало)) для ПК
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.