Сжатие стилей

Сообщений: 170 Регистрация: Май 2011

21 Марта 2016 15:30

:wall:Как сжать и оптимизировать стили без потери загрузки сайта. Заранее благодарен за решения вопроса

Код


http://may.sayt/templates/sayt/style/reset-settings.css
http://may.sayt/engine/classes/min/index.php?charset=windows-1251&f=/templates/sayt/style/styles.css,/templates/sayt/style/engine.css,/templates/sayt/style/font-awesome.css&6
https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=latin,cyrillic
http://may.sayt/engine/classes/min/index.php?charset=windows-1251&g=general&17

Изменено: Валерий - 21 Марта 2016 15:33

Валерий

Сообщений: 170 Регистрация: Май 2011

21 Марта 2016 15:49

Так быть такого не может что никто не знает. Все на морозе

Дивергент

Сообщений: 22492 Регистрация: Май 2011

21 Марта 2016 16:11

Цитата
Валерий пишет: Как сжать и оптимизировать стили без потери загрузки сайта

засунусть все стили в один файл и сжать его сжималкой для файлов стилей. Логично? smile:)

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

Валерий

Сообщений: 170 Регистрация: Май 2011

21 Марта 2016 16:21

наведите пожалуйста пример сжималки для дле 11

Иван

Сообщений: 2247 Регистрация: Янв 2014

21 Марта 2016 16:38

Зайдите в гугл спид, проанализируйте сайт, а внизу он выплюнет файл со сжатыми стилями.

Изменено: Иван - 21 Марта 2016 16:42

Валерий

Сообщений: 170 Регистрация: Май 2011

21 Марта 2016 16:46

Великий гугл просит
Удалите из верхней части страницы код JavaScript и CSS, блокирующий отображение
этих стилей в шаблоне нет

[LIST]
[*]http://sayt.com/…ex.php?charset=windows-1251&g=general&17
[*]https://fonts.googleapis.com/…ns:400,300,600,700&subset=latin,cyrillic
[*]http://sayt.com/…ates/sayt/style/font-awesome.css&6
[*]http://sayt.com/…ates/sayt/style/reset-settings.css
[/LIST]

Изменено: Валерий - 21 Марта 2016 16:50

Иван

Сообщений: 2247 Регистрация: Янв 2014

21 Марта 2016 16:57

Цитата

Валерий пишет:
Великий гугл просит
Удалите из верхней части страницы код JavaScript и CSS, блокирующий отображение
этих стилей в шаблоне нет

[LIST]
[*]http://sayt.com/…ex.php?charset=windows-1251&g=general&17
[*]https://fonts.googleapis.com/…ns:400,300,600,700&subset=latin,cyrillic
[*]http://sayt.com/…ates/sayt/style/font-awesome.css&6
[*]http://sayt.com/…ates/sayt/style/reset-settings.css
[/LIST]

Это практически невозможно побороть. Точнее можно, но мучений оно не стоит. На ВП есть правда плагин, решающий это. Но он не идеален и может создать пару косячков... А в ДЛЕ я не в курсе.Главное, чтобы не было задержки ответа сервера там.
Просто скачайте нужный вам файл стилей внизу).

Изменено: Иван - 21 Марта 2016 17:00

Дивергент

Сообщений: 22492 Регистрация: Май 2011

21 Марта 2016 17:41

причем здесь CMS? Сжималка - штука независимая, удаляет перенося строк, лишние пробелы, комметарии, концевые ";". Руками вытаскивайте по очереди стили, к которым идет обращение, засовываете в один общий файл, гуглите любой онлайн сервису по сжатию CSS, сжимаете, этот один файл вставляете на сайт вместо кучи, будет одно обращение за стилями, причем к своему же домену в итоге.

Цитата
Валерий пишет: Удалите из верхней части страницы код JavaScript и CSS, блокирующий отображение

Крайне не рекомендую следовать этой рекомендации, она подходит только для простейших линейных сайтов: в большинстве случаев можно ухудшить ПФ таким фокусом запросто, поскольку у многих пользователей на несколько секунд первых сайт будет открываться в непрезентабельном виде, если css подгружать после вывода страницы, многие просто закроют сайт, не дождавшись загрузки, подумают, что сайт сломался или является ГС.

Виктор

Сообщений: 34 Регистрация: Ноя 2015

23 Апреля 2016 08:13

Александр

Сообщений: 136 Регистрация: Июл 2012

#10

24 Апреля 2016 22:50

Цитата
Иван пишет: Это практически невозможно побороть. Точнее можно, но мучений оно не стоит.

Как 2 пальца об...асфальт...
Стили жмутся без проблем, быстро это можно с помощью uglifycss сделать:: https://www.npmjs.com/package/uglifycss

Для JS есть такая же приблуда, ставится так же с npm (node.js).

Пережатые в 1 файл css и js файлы используются на "боевом" сайте только. CSS в <head>, а js где-нить в теле внизу.

А Google Fonts подключать через css - это жесть. Для этого же сам Гугл предладает js загрузчик, который очень хорошо живет в вашем файле скриптов. И будет грузится в последнюю очередь. и при этом можно настроить и таймауты загрузки. Например, если за 1,5-2 сек шрифт не получен, то юзать стандартный и не грузить его вообще. У гугло-шрифтов бываю пролаги, когда по 5-10 секунд их получить нельзя. В случае, когда загрузка из CSS в шапке - это критично, ибо реально есть блок загрузки страницы.

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

Дивергент

Сообщений: 22492 Регистрация: Май 2011

#11

25 Апреля 2016 02:01

Цитата
Александр пишет: Пережатые в 1 файл css и js файлы используются на "боевом" сайте только

ну почему же на "боевом" только? Всё проще гораздо: создается (или гуглится) функция на php, которая перед отдачей страницы проверяет, нужно ли перепаковать в один и сжать файлы стилей и скриптов (по времени - если один из файлов свежее компилированного - то срабатывает), компонут в один файл всё необходимое и сжимает всё это дело (в сжатии нет никаких супер-технологий - убираются все пробелы/переносы строк, комментарии, оконечные ";" и всё).

Валерий Сообщений: 170 Регистрация: Май 2011	#12 10 Июля 2016 21:58 Всё сделал на дле 11 , по анализу гуглы теперь 85 на 95 и сайт работает просто отлично

Похожие темы:

17.07.2016 00:35

сжатие

Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)

Новые темы	Объявления	Свободное общение
11:07 01.02. Апдейт 31.01 // Chrome готовит "чёрную метку" для ИИ? 06:34 Гугл пухнет от кеша, а нам - крошки. Разбор $114 млрд: Адсенс в минусе, Ютуб на подписках 01:09 Yahoo Scout: Нейро-привет из склепа. Реальный шанс на траф или мимо? 17:33 AntiBot Cloud - бесплатный скрипт и сервис защиты сайтов 15:14 Апдейт Яндекса 7 февраля. Пока серп трясет, некоторые по ботам плачут 15:10 Google Discover Core Update: Дискавер отделяют от поиска? 11:30 ЕС душит ТикТок: прощай бесконечная лента и RPM? Что с монетизацией?	10:22 Swapwatch.org — Мониторинг криптовалютных обменников 10:19 SwapPix.io - быстрый и безопасный обменник криптовалют. 15:12 CryptoGraph — Анонимный обмен криптовалют без KYC и AML 12:38 Bankomat001 - Сервис обмена электронных валют 10:42 Рассылки СМС/SMS, Вайбер/Viber, Ватсап/Whatsapp, Телеграм/Telegram любой тематики по всему миру 09:36 Мониторинг обменников Сrypto-scout.io 05:29 Продам обменник криптовалюты, а также новый обменник под ключ с обучением. Скидки на скрипты обменника	11:10 Moltbook: Соцсеть для ботов, где людям закрыли рот. Началось? 11:02 Гильотина для классиков: Клод доедает физические книги 06:04 Кулеры и БП станут золотыми? Медь по 13 штук, олово в космосе 05:09 Точные прогнозы на футбол 23:45 Ставки на супер тренды в спорте 22:31 [AI] Бот за $600к советовал есть сыр с крысами. Нью-Йорк его (наконец-то) снес 13:38 Осталось 3-5 месяцев до блокировки YouTube в России, — заявил Клименко