Ускорение сайта по рекомендациям page speed

[Rashpil]

Здравствуйте. Проанализировав свой сайт в page speed наткнулся на следующую рекомендацию

Исправьте обязательно:
Удалите из верхней части страницы код JavaScript и CSS, блокирующий отображение

 

Пытался все сделать как указано здесь

 

Я встроил небольшие скрипты в сам файл header.tpl, а вот отложить загрузку скриптов у меня не получилось. Использовал атрибут async, но заметил что на сайте появились проблемы (через раз грузится слайдшоу, поехала таблица с отзывами и атрибутами и т.д.).

 

Может кто-то уже решал эту проблему, буду рад любым подсказкам и рекомендациям! 

[snastik]

Сколько вы получили оценку ?

[AlexDW]

Нужно понимать, что не весь код можно убрать из верхней части в @опу самый конец. Какой-то может требоваться практически сразу - отсюда и глюки от оптимизации

[snastik]

Нужно понимать, что не весь код можно убрать из верхней части в @опу самый конец. Какой-то может требоваться практически сразу - отсюда и глюки от оптимизации

 

Можно убрать практически все. Но нужно все скрипты оборачивать в $(document).ready

 

Возня не стоит свечь в итоге.

[Rashpil]

Оценка 82/100

Вот сайт

[snastik]

Хватит, больше не заморачивайтесь.

еще пару баллов вам в итоге ничего не дадут на выхлопе.

[AlexDW]

Ну-с, начнемс :-D

 

1) у вас colorbox дважды грузится, один минифицированный, второй с комментами и тд - оставьте один какой-то (если изменений не планируете - минифицированный)

2) всякую мелочь навроде common.js и common_extended.js лучше в один объединить. вообще - всю мелочь в один лучше запихивать

3) аналогично с http://fishing-trade.com/catalog/view/theme/default/stylesheet/stylesheet1.css и http://fishing-trade.com/catalog/view/theme/default/stylesheet/arrow.css - объединить с основным

 

а в целом - результат вполне достойный, по сути все эти изменения особо не решат

 

PS: обычно использую gtmetrix для исследования подопечных + webpagetest

PPS: еще можно в библиотеке system/image добавить преобразование в прогрессивный jpeg - тогда картинки будут сразу отрисовываться при загрузке

        if (is_resource($this->image)) {
            if ($extension == 'jpeg' || $extension == 'jpg') {
                imageinterlace($this->image, true);   // преобразование в прогрессивный jpeg
                imagejpeg($this->image, $file, $quality);

и фоновое изображение при сжатии в jpeg с качеством 95% становится 400кб вместо 900кб (без видимых потерь) ;)

Змінено 10 січня 2015 користувачем AlexDW

[Rashpil]

Всем спасибо!

[YelloVV]

 еще можно в библиотеке system/image добавить преобразование в прогрессивный jpeg - тогда картинки будут сразу отрисовываться при загрузке

        if (is_resource($this->image)) {
            if ($extension == 'jpeg' || $extension == 'jpg') {
                imageinterlace($this->image, true);   // преобразование в прогрессивный jpeg
                imagejpeg($this->image, $file, $quality);

и фоновое изображение при сжатии в jpeg с качеством 95% становится 400кб вместо 900кб (без видимых потерь) ;)

Для изображений в формате png тоже поможет? Спасибо. Парни подскажите куда внести изменения. " еще можно в библиотеке system/image добавить преобразование в прогрессивный jpeg" ??????????????

Змінено 16 лютого 2015 користувачем YelloVV

[YelloVV]

не весело тут. подскажите как исправить ошибку. sbortrav.ru

[YelloVV]

все разобрался

[muha777]

Здравствуйте! подскажите пж гугл дает 43/100 и 46/100

что делать уже голова кругом

https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2FViposuda.ru%2F&tab=mobile

[pantagruel964]

собрать js в кучу

[muha777]

собрать js в кучу

А вы смогли бы это сделать?

я бы оплатил.

[snastik]

А вы смогли бы это сделать?

я бы оплатил.

Я вам в личку оптисался. js в кучу собирать - это последнее дело.

[pantagruel964]

js в кучу собирать - это последнее дело.

Откуда такая категоричность?

[Eldaeron]

Можно убрать практически все. Но нужно все скрипты оборачивать в $(document).ready

 

Возня не стоит свечь в итоге.

А живой пример можно?

 

Например на стандартном default шаблоне -  файл header.php.

<script src="catalog/view/javascript/jquery/jquery-2.1.1.min.js" type="text/javascript"></script>
<link href="catalog/view/javascript/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen" />
<script src="catalog/view/javascript/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<link href="catalog/view/javascript/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link href="//fonts.googleapis.com/css?family=Open+Sans:400,400i,300,700" rel="stylesheet" type="text/css" />
<link href="catalog/view/theme/default/stylesheet/stylesheet.css" rel="stylesheet">

[Clan]

Удалите код JavaScript и CSS, блокирующий отображение верхней части страницы

 

Подскажите, как жеж все таки хотя бы частично решить этот вопрос!

Какие-то сделать самые безопасные манипуляции.