Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


Recommended Posts

Здравствуйте. Проанализировав свой сайт в 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
Надіслати
Поділитися на інших сайтах

  • 1 month later...

 еще можно в библиотеке 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
Надіслати
Поділитися на інших сайтах


  • 1 year later...

Можно убрать практически все. Но нужно все скрипты оборачивать в $(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">
Надіслати
Поділитися на інших сайтах

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

 

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

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

 

image1118557.png

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.