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

[PrestaMan]

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;
}
Что этоооо?

Сброс правил css, так чтобы элементы были одинаковы во всех браузерах.

[PrestaMan]

identity.css
пустой !!! в bootstrpae тоже....
зачем это?
может удалить? и как это сделать?

Удалить подключение css файлов можно в /controllers/front/IdentityController.php

Код: [Выделить]

public function setMedia()
{
        parent::setMedia();
        //$this->addCSS(_THEME_CSS_DIR_.'identity.css');
        $this->addJS(_PS_JS_DIR_.'validate.js');
}

[Ефим]

Спасибо за разъяснения!
Всем кто отвечает, также огромное спасибо. Надеюсь эта ветка будет кому-то полезна в будущем!


И так 1ый этап завершен. Я проверил на валидацию CSS и оптимизировал его с помощью https://csscompressor.com/

объем CSS изначальный 496кб уменьшился до 434кб (немного, но тем не менее. И сам код стал чище и красивее).
Валидность престы оказалась на высоте, незначительные косяки, а так практически все валидно. Сразу оговорюсь, у меня купленый шаблон с оф сайта престы https://addons.prestashop.com/ru/
видимо им можно доверять.

тест
81/62
http://prntscr.com/jx46gn
http://prntscr.com/jx46q6

круто! выходит, что оптимизация Css оочень важна для мобильной версии.

Справедливости ради скажу, что вчерашний тест я провел с оптимизированной картинкой+CSS, поэтому он дал лучше результат. Сейчас речь идет только о CSS поэтому делать выводы на счет картинок не буду, оптимизацией изображений займусь чуть позже, но уже сейчас чувствую, что это будет самый продуктивный этап!

[Ефим]

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

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

[Adik]

Когда сам делаешь, конечно же лучше. Модуль это для быстрого старта или когда сам ничего не понимаешь.

[Ефим]

Когда сам делаешь, конечно же лучше. Модуль это для быстрого старта или когда сам ничего не понимаешь.

а вот этот модуль https://addons.prestashop.com/ru/website-performances/29096-google-pagespeed-insight.html
обещают 100/100 в page google

что думаешь?

[Adik]

Вряд ли 100. Даже от того, что он не может повлиять на хостинг. Будет время отклика у сервера большое, вот уже не 100.

[Ефим]

оказывается гугл пейдж спиид не замеряет скорость загрузки страницы, он лишь проверяет соответствие всех рекомендаций.

А вот реальный замер делает http://sitespeed.ru

http://prntscr.com/jxmnoc

8 секунд!!! епическая сила, страница загружается 8 сек(((
должна 2 сек.


ОООО боже...

может кто знает как этого достигнуть?

[Ефим]

на одном тесте показали что у меня 93 картинки загружаются(((


и шрифты

нашел в global css такую запись @font-face

что это такео? Нужна ли она? что будет, если я ее удалю?

[Янус]

Страница должна загружаться меньше 1 сек, а не 2-8...
Если контента много, особено для интернет-магазина, где грузится много товаров, то разбивают загрузку по частям.
Показывают первый экран по мере прокрутки подгружают остальное.

[Ефим]

Страница должна загружаться меньше 1 сек, а не 2-8...
Если контента много, особено для интернет-магазина, где грузится много товаров, то разбивают загрузку по частям.
Показывают первый экран по мере прокрутки подгружают остальное.

Да да инет магазин... есть ли подобный модуль для престы, который бы постепенно подгружал страницу?

[Adik]

Есть ajax загрузка для модулей товаров, для всей страницы нет. Точнее, в движке все есть, остально зависит от того, как тема будет сделана