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

Сообщений: 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

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

Дивергент

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

Дивергент

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

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

Дивергент

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

Новые темы	Объявления	Свободное общение
15:44 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 09:57 3snet - гемблинг, беттинг, форекс, бинарные опционы, майнинг 19:33 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 15:12 Несколько статей хорошо выдаются в Гугле, но отвратительно в Яндексе 13:40 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 11:41 2Index - быстрая индексация страниц сайта и обратных ссылок 23:00 Продвижение по ключам	04:05 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 03:00 secrex.io обмен без лишних вопросов (NO AML) 22:50 Европейский эквайринг 20:39 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 17:10 AllCharge.online. Современный, быстрый и надёжный обменник 15:24 Продам аккаунты Gmail USA IP \| Gmail MIX IP \| Outlook Old 14:48 AlwaysMoney - платформа для обмена криптовалют	16:49 monetizer.agency – рекламная сеть для взрослого и развлекательного трафика. 100$ новому вебмастеру 20:43 Добро пожаловать в цифровой мир... 15:59 Про мясо 23:09 ПП от PMS remote.team - 200$ за команду 13:28 Компьютерная мышь 22:55 Ну что, кто куда деваете свои сайты? 22:34 Используете беспроводные наушники?