[3.3] Самый лёгкий стиль

[Siava]

rxu, верно
Можно собрать nginx с поддержкой компрессии brotli и модулем pagespeed. Перовое использовал достаточно долго, кстати прибавляет примерно до 10 попугаев ещё. Второе не осилил, чтобы работало всё хорошо, не ломая форум

[Nekstati]

На чистой 3.3.11 клонирую Просильвер, склеиваю CSS в один файл. В F12 ставлю ограничение скорости сети "Regular 4G / LTE". Время полной загрузки страницы viewtopic.php:
обычный Просильвер 1,3 с
склеенный Просильвер 0,52 с

[romeo_piter]

У меня стиль на основе prosilver. Куча css, более сотни расширений.
На списке форумов 86 попугаев на мобильных устройствах и 96 на ПК. Стиль нифига не лёгкий, реклама яндекса тоже присутствует. Что я делаю не так?)

Ну как бы на скринах видны ваши "не так". Страница со списком форумов особо не интересна. Основное - страницы тем. На любой теме у вас 50-60. Не говоря уже о том, что CLS в красной зоне.

Untitled-1.jpg

Так что похоже, всё дело в раздробленной CSS. Вероятно, можно в любом стиле склеить все файлы CSS в один (как сделано у Трушкина) и получить похожее улучшение цифр

Вероятно, так.

Для рунета, все эти цифры от гугла по сути мало интересны, но если нужна хорошая выдача или монетизация в гугле, или тем более ресурс под бурж, то надо соответствовать...

[KEMnEP]

(быстрее/медленнее)?

Версия http на сервере сильно влияет, точно не помню, но у первой вроде около 6 параллельных потока только можно, у второй намного больше

Отправлено спустя 4 минуты 39 секунд:
Кстати о птичках, смотрю тут используют сторонние сервисы замерок, не проще ли использовать оригинал? Он давно уже встроен в девтулс хрома

[romeo_piter]

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

[KEMnEP]

если ориентироваться на выдачу гугла

Ну как бы сам гугл на своё ориентируется, не? Ну это так, вопрос риторический, каждый вправе пользоваться тем , чем хочет, я просто сказал, что есть такое.

Отправлено спустя 3 минуты 25 секунд:

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

А это уже скорей всего просто расстояние физически до сервера.

Отправлено спустя 3 минуты 12 секунд:
Мне, как разрабу, лайтхаус приятней тем, что его и на локал хосте можно использовать.

[romeo_piter]

Лайтхаус это типа лишь часть гуглоанализа. Иначе бы результаты были одинаковые. Вообще уроды они, конечно, только выпустили 10000 типа "медленных" моих страниц на волю, хорошо хоть только четверть пометили как медленные. Почти 2 месяца ушло на вызволение. Весь стиль перелопатил, только вчера осознал, какой он тяжелый. А в яндексе это все в топе...

Untitled-2.jpg

[southklad]

склеиваю CSS в один файл.

А как правильно склеить без последствий?

[Nekstati]

А как правильно склеить без последствий?

Открываем styles/blabla/theme/stylesheet.css, видим что-то такое:

Код: Выделить всё

@import url("normalize.css?v=3.2");
@import url("base.css?v=3.2");
@import url("utilities.css?v=3.2");
@import url("common.css?v=3.2");
@import url("links.css?v=3.2");
@import url("content.css?v=3.2");
@import url("buttons.css?v=3.2");
@import url("cp.css?v=3.2");
@import url("forms.css?v=3.2");
@import url("icons.css?v=3.2");
@import url("colours.css?v=3.2");
@import url("responsive.css?v=3.2");

Открываем все упомянутые тут файлы по одному (именно в таком порядке), копируем содержимое каждого из них и вставляем в чистый файл. В итоге образуется довольно большой файл объёмом около 100 КБ. Это и есть новый stylesheet.css. Иными словами, каждый @import url() заменяем на содержимое соответствующего файла.

normalize.css можно не копировать, он давно не нужен.

[Татьяна5]

normalize.css можно не копировать, он давно не нужен

Очень даже нужен

[Nekstati]

Татьяна5, он не обновлялся с 2015 г. и был рассчитан на браузеры, которых уже и кости истлели.

[Татьяна5]

Nekstati, ты удивишься, но существуют люди, которые с трудом отказались от IE6 когда он перестал поддерживаться форумом. В пользу, к слову, IE чуть-чуть посвежей
И пролистала - там много нужных сбросов значений и для новых браузеров

[KEMnEP]

normalize.css можно не копировать, он давно не нужен.

он нужен, тут даже не столько в ie, сколько а разности стилей по умолчанию в браузерах и по сей день. Самое простое и очевидное, без нормалайза сделайте на экране див цветной, в самом верху, по умолчанию типа
<div class="test"></div> и css к нему

Код: Выделить всё

.test {
		width: 100px;
    	height: 100px;
    	background-color: red;
}

Что он должен сделать? прижаться к верху страницы красным квадратиком. Ведь больше нечего нет? Без нормалайза не тут то было. Будет отступ между верхом страницы и им, почему? браузерные стили. И это только одна мелочь.

Отправлено спустя 6 минут 25 секунд:

пс 

Пс: и даже нынче на гридах, я бы такое без нормалайза на современных браузерах запарился бы приводить к одному виду https://hp.kemnep.ru/

[Nekstati]

KEMnEP, ваш пример для пустой страницы, которую вы пишете с нуля. В PHPBB же отступы <body> определяются другими CSS-файлами. CSS Просильвера вообще жирная и избыточная, там одно и то же свойство переопределяеся по 3-4 раза. В т.ч. всё, что написано в normalize.css, либо перезаписывается потом в common/content.css, либо уже не актуально. Если уж что-то нормализовать, то не инструментами 10-летней давности.

Ну и теории теориями, но можно просто выкинуть normalize.css и посмотреть, что изменилось на форуме (ничего).
 

https://hp.kemnep.ru/

Это хорошо сделано

[AlexOo]

он нужен, тут даже не столько в ie, сколько а разности стилей по умолчанию в браузерах и по сей день.

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

P.S. Очень странно, что в 4 версии форума используют normalize.css v5.0.0
https://area51.phpbb.com/phpBB/styles/p ... malize.css

В то же время на гите уде 6 лет лежит v8.0.1
https://github.com/necolas/normalize.cs ... malize.css