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

Сообщений: 168 Регистрация: Май 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

Валерий

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

21 Марта 2016 15:49

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

Дивергент

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

21 Марта 2016 16:11

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

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

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

Валерий

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

21 Марта 2016 16:21

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

Иван

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

21 Марта 2016 16:38

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

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

Валерий

Сообщений: 168 Регистрация: Май 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

Дивергент

Сообщений: 21837 Регистрация: Май 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 в шапке - это критично, ибо реально есть блок загрузки страницы.

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

Дивергент

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

#11

25 Апреля 2016 02:01

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

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

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

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

17.07.2016 00:35

сжатие

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

Новые темы	Объявления	Свободное общение
21:49 Как правильно покупать ссылки для поддомена? 18:51 Роскомнадзор отказал в регистрации трети блогеров-десятитысячников 12:53 где много готовых фавиконок 22:59 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 12:32 «Хлебные крошки» в адресе сайтов исчезнут из результатов поиска Google 23:27 Adfinity - Ваш надежный партнер в монетизации трафика 16:55 Инструменты для массового постинга в WordPress	20:19 GoogleWalker - устранение конкурентов в Google Ads \| Автоматизированная система склика \| АНТИБАН 16:39 Продам аккаунты Gmail USA IP \| Gmail MIX IP \| Outlook Old 11:07 Мобильные и Резидентные Прокси Для Соц Сетей \| 3 Гб Бесплатно 11:01 Защитим твой ресурс от блокировки Роскомнадзора 10:09 BestChange – обменивать электронную валюту можно быстро и выгодно 06:50 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 03:42 A-Parser 1.1 - продвинутый парсер поисковых систем, Suggest, PR, DMOZ, Whois, etc	07:48 США готовят закон для уничтожения пиратских сайтов во всех странах мира 02:50 Точные прогнозы на футбол 02:10 [Новая партнерка] Goldbet Partners — прямой рекламодатель одноименного казино Goldbet 21:19 С юмором по жизни! 18:15 Telegram уничтожил официальный канал легендарного российского торрент-трекера 18:19 Уникальный сервис SEO продвижения 14:45 (затёр сайт)