Jump to content
Sign in to follow this  
Rashpil

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

Recommended Posts

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

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

 

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

 

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

 

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

  • +1 1

Share this post


Link to post
Share on other sites

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

 

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

 

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

  • +1 1

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

Edited by AlexDW

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Edited by YelloVV

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

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

я бы оплатил.

Share this post


Link to post
Share on other sites

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

я бы оплатил.

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites
Удалите код JavaScript и CSS, блокирующий отображение верхней части страницы

 

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

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

 

image1118557.png

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.