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

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

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

Дивергент

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

Дивергент

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

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

Дивергент

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

Новые темы	Объявления	Свободное общение
13:54 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 14:50 Индексация страниц 12:36 У кого новостник, дайте пару советов плиз 13:53 AviTool - мощный инструмент для автоматизации работы с Avito 17:01 Absence в Армении 23:19 Ребята подскажите какими сервисами и прогами вы пользуетесь для SEO продвижения? 14:50 Какую выбрать тему/нишу для сайта?	22:45 Обменник криптовалюты OnlyCrypto 21:36 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 20:19 Cryptonet.pro - быстрый и надежный обмен электронных валют! 16:18 swapsfera.com 14:35 garantcoin.io - быстрый и надёжный сервис обмена криптовалюты GarantCoin 13:20 GoodsMoney.io 12:50 SpaceSwap.cc - Быстрый и надежный обменник криптовалют	19:42 Топ-5 способов использовать мобильные прокси для бизнеса: подробный обзор 22:08 Накрутка поисковых подсказок 05:04 Точные прогнозы на футбол 14:01 Union Pharm - топовая фарма-партнерка для профессионалов! 10:59 Ням-ням! - 8 деликатесов, которые когда-то ели только бедные люди 12:23 150+ хакерских поисковых систем и инструментов 17:41 Стряхнуть обыденность - об Агасфере