Оптимизация сайта для ускорения!

[Ефим]

Друзья, я перешел к этапу Оптимизации.
Для ускорения сайта.
Я еще не настраивал сервер и не включал кеширование.

Не знаю правильно ли я это делаю, но тем не менее, сюда буду писать про этапы и достижения.

Пожалуйста поддержите советом, поделитесь опытом)


PS 1.6.1.17
РЕГ.ру
vip-3 хостинг

да, у меня VPS)))

[Ефим]

1-ый этап "Оптимизация CSS"
(может я не с того начал, поправьте меня плиз...)


1) Удалил с помощью notepad++ все
font-family: шрифт;

и в globale.css написал
* {
   text-decoration: none!important;
   font-family: 'Open Sans', sans-serif!important;
   font-weight: 300;
}

2) Определил заголовки

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {

   font-weight: 400;
}

h1, .h1 {
   font-size: 30px;
}

h2, .h2 {
   font-size: 26px;
}

h3, .h3 {
   font-size: 24px;
}

h4, .h {
   font-size: 22px;
}

h5, .h5 {
   font-size: 20px;
}

h6, .h6 {
   font-size: 18px;
}

[Ефим]

попробовал оптимизировать css с помощью https://www.cy-pr.com/tools/css/

Но ошибка

проверяю на валидность https://validator.w3.org

есть ошибки http://prntscr.com/jwt2tj


ееееееее исправил! http://prntscr.com/jwt4jk

проверяю снова, снова ошибка((( http://prntscr.com/jwt5b7

[PrestaMan]

Через день проверьте. Некоторые сервисы кешируют результаты анализа и обновляют через время.

[PrestaMan]

Проверять нужно с включенным кешированием. При исправлении ошибок отключать.

[Ефим]

Проверять нужно с включенным кешированием. При исправлении ошибок отключать.

я на скорость не тестил еще сайт, просто начал оптимизацию кода с css
все равно придется..

потестил в https://developers.google.com/speed/pagespeed/insights

60/61

  http://prntscr.com/jwt9f6

[Adik]

С prestashop 1.6 70-80 набрать в pagespeed уже хорошо.
В версии 1.7 можно больше.
Начинать нужно с оптимизации темы, это правильно.

[Ефим]

С prestashop 1.6 70-80 набрать в pagespeed уже хорошо.
В версии 1.7 можно больше.
Начинать нужно с оптимизации темы, это правильно.

точно, забыл сказать, что у меня PS 1.6.1.17

попробовал на более маленьком css и о чудо заработал py-pr.com

файл уменьшен с 74кб до 52кб
Интересно полетело ли оформление?)))


А вот cleancss наоборот увеличил размер css c 74к до 79к
как так то?

[Ефим]

вооо еще нашел хороший ресурс http://www.css-school.ru/optimiser/
ооочень быстрый pr-cy использует его...
но оригинал быстрее
посмотрим что будет.

План такой: я проверяю все css темы на валидность. затем проганяю чере оптимизатор. Оцениваю результат по внешнему виду, полетело ли оформление. потом замер скорости.
http://prntscr.com/jwtnjl

[Ефим]

Проверять нужно с включенным кешированием. При исправлении ошибок отключать.

Стоит ли мне объединять все css в один большоййй css

[Ефим]

identity.css
пустой !!! в bootstrpae тоже....

зачем это?
может удалить? и как это сделать?

[Ефим]

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

и да, вот это не ошибка, но валидатор ругается, может кто сталкиавался?
Свойство “pointer-events” не существует : none

[Ефим]

input[type="button" i]:focus,
input[type="checkbox" i]:focus,
input[type="file" i]:focus,
input[type="hidden" i]:focus,
input[type="image" i]:focus,
input[type="radio" i]:focus,
input[type="reset" i]:focus,
input[type="submit" i]:focus,
input[type="file" i]:focus::-webkit-file-upload-button {
    outline-offset: 0px; outline: none;
}



Что этоооо?

[Ефим]

после использования http://www.css-school.ru/optimiser/

полетела вся верста (((((
http://prntscr.com/jwuhlv


правда и скорость загрузки увеличилась немного с 61/62 до 65/62
http://prntscr.com/jwui42

Вывод: оптимизация css дает эффект, нужно только сделать это аккуратно!

[Adik]

Для престы есть модуль Cache Manager.
С ним можно улучшить скорость.