Перейти к содержанию
Rashpil

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

Рекомендуемые сообщения

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

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

 

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

 

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

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

 

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

 

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

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Ну-с, начнемс :-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кб (без видимых потерь) ;)

Изменено пользователем AlexDW

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

 еще можно в библиотеке 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" ??????????????

Изменено пользователем YelloVV

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

post-675110-0-14111000-1424171223_thumb.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

я бы оплатил.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

я бы оплатил.

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Можно убрать практически все. Но нужно все скрипты оборачивать в $(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">

Поделиться сообщением


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

 

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

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

 

image1118557.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.