RTTF.ru - настольный теннис

Форум

Предложения по ускорению работы сайта

mikhal

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

1. https://rttf.ru/css/fonts.min.css
Очень странный подход использовать только ttf-шрифты, для скорости необходимо добавить эти же шрифты в более эффективных форматах:
woff - поддерживают практически все современные браузеры (минус только Opera Mini, https://caniuse.com/#feat=woff )
woff2 - практически все, кроме ещё и IE ( https://caniuse.com/#feat=woff2 )

2. Вы используете скрипт, который якобы для ускорения асинхронно загружает https://rttf.ru/css/fonts.min.css либо использует сохранённый ранее в localstore

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

@font-face{
font-family:'название_шрифта';
font-weight:400;
font-style:normal;
src:local('индекс'), url(data:font/woff2;base64...

и затем сохраняете это в localstore. Затем при повторной загрузке страницы шрифт практически мгновенное берётся из localstore. У вас же в localstore сохраняется только объявление шрифта, что приводит только к ненужному (скорее даже вредному) откладыванию загрузки шрифтов с сайта.
Но у вас используется слишком много различных начертаний шрифтов (Roboto-Regular, RobotoCondensed-Regular, Roboto-Italic, Roboto-Bold, ...), поэтому данный подход вряд ли вообще можно считать целесообразным из-за слишком большого размера сохраняемого в localstore файла.
Поэтому я бы рекомендовал вставить содержимое https://rttf.ru/css/fonts.min.css инлайном ... прямо в раздел

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

И ещё кстати вопрос, а зачем вам столько объявлений различных начертаний шрифтов, если на главной используются только Roboto и Roboto Condensed?

3. Если это возможно, объединить все внешние css-файлы в один (набор вроде как не меняется от страницы к странице, так что это можно сделать даже руками)

4. Если это возможно, объединить все внешние js-файлы в один (как минимум, это нужно сделать для основного набора, а дополнительные js для страниц не страшно грузить и отдельно).






5. На сайте используется старый вариант вызова код Яндекс.Метрики, уже год как рекомендуется новый https://yandex.ru/blog/metrika/novyy-kod-v-nastroykakh-schetchika
Желательно бы обновить

6. Аватарки тренеров совершенно неоптимизированы и занимают безумно много места
Например, с помощью https://tinypng.com/
аватарка https://rttf.ru/public/img/coaches/53845/avatar.jpg
сжимается с 73.2 кб до 18.2 кб (-75%)

favicon https://rttf.ru/public/img/favicon.png без потери качества сжимается с 12.7 до 3.6 кб

вот тут практически ничего не сжато, а размеры там большие https://rttf.ru/public/img/banners/
в общем запас по уменьшению размера странички есть

7. Также рекомендую не забывать вот эти два сайта:
- https://webpagetest.org
- https://gtmetrix.com/


1166
Клуб настольного тенниса Люблино
Канал о настольном теннисе Na100le

Комментарии3

сначала новые | сначала старые | по рейтингу
kutuzov

Еще предложение, у меня mail.ru забанен, а при загрузке страницы идет обращение к top-fwz1.mail.ru при этом пишется "Ожидание ответа от top-fwz1.mail.ru" и страница длительное время не прогружается, это очень неудобно, хотелось бы пофиксить.

abel админ

Михаил, спасибо за советы. Все внимательно изучим и, если потребуется, внедрим!

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

ARA

Тоже хотел нечто подобное написать. Опередил. :)