Jump to content

Помогите оптимизировать JavaScript и CSS для PageSpeed


Recommended Posts

Очень нужно оптимизировать JavaScript и CSS для PageSpeed.
 
js скрипты сносил в низ перед </body>, гугл принимает исправления, но в шаблоне сайта пропадает некоторый функционал (пришлось вернуть все назад).
 
С CSS не знаю что делать.
 
Все содержание верхней части страницы отображается только после загрузки указанных далее ресурсов. Попробуйте отложить загрузку этих ресурсов, загружать их асинхронно или встроить их самые важные компоненты непосредственно в код HTML.
Оптимизируйте работу CSS на следующих ресурсах:

 

Link to post
Share on other sites

У меня получилось вот так :

{* JQuery *}
    <script extsrc="js/jquery/jquery.js"  type="text/javascript"></script>
    <script src="http://extsrcjs.googlecode.com/svn/trunk/extsrc.js"></script>


    <script type="text/javascript" extsrc="design/{$settings->theme|escape}/js/jquery.mousewheel-3.0.6.pack.js"></script>
    <script type="text/javascript" extsrc="design/{$settings->theme|escape}/js/jquery.fancybox.pack.js"></script>
    <script type="text/javascript" extsrc="design/{$settings->theme|escape}/js/jquery.jscrollpane.min.js"></script>
    <script type="text/javascript" extsrc="design/{$settings->theme|escape}/js/glass.js"></script>
    <script type="text/javascript" extsrc="design/{$settings->theme|escape}/js/script(1).js"></script>
    <script type="text/javascript" extsrc="design/{$settings->theme|escape}/js/iefix.js"></script>
    <script type="text/javascript" extsrc="design/{$settings->theme|escape}/js/script(2).js"></script>
    <script type="text/javascript" extsrc="design/{$settings->theme|escape}/js/script(3).js"></script>
    <script type="text/javascript" extsrc="design/{$settings->theme|escape}/js/script(5).js"></script>
    <script type="text/javascript" extsrc="design/{$settings->theme|escape}/js/script(6).js"></script>
    


    {if $module == 'MainView'}
    <link href="design/{$settings->theme|escape}/css/banners.css" rel="stylesheet" type="text/css" media="screen"/>
    <script type="text/javascript" extsrc="design/{$settings->theme|escape}/js/banners.js"></script>
    {/if}
    {if $module == 'ProductView' || $module == 'BlogView'}
    <link href="design/{$settings->theme|escape}/css/product.css" rel="stylesheet" type="text/css" media="screen"/>
    <script type="text/javascript" src="design/{$settings->theme|escape}/js/product.js"></script>
    {/if}
 

 

{* Ctrl-навигация на соседние товары *}
    <script type="text/javascript" extsrc="js/ctrlnavigate.js"></script>           
    
    {* Аяксовая корзина *}
    <script extsrc="design/{$settings->theme}/js/jquery-ui.min.js"></script>
    <script extsrc="design/{$settings->theme}/js/ajax_cart.js"></script>
    
    {* js-проверка форм *}
    <script extsrc="js/baloon/js/baloon.js" type="text/javascript"></script>
    <link   href="js/baloon/css/baloon.css" rel="stylesheet" type="text/css" /> 
    
    {* Автозаполнитель поиска *}
    {literal}
    <script src="js/autocomplete/jquery.autocomplete-min.js" type="text/javascript"></script> <==(если ставлю extsrc залипает раскрывающееся меню)
 

 

<script type="text/javascript" extsrc="design/{$settings->theme}/js/catalog.js"></script>
        <link href="design/{$settings->theme|escape}/css/menu.catalog.css" type="text/css" rel="stylesheet" />
        <script extsrc="design/{$settings->theme}/js/jquery-ui-1.9.0.custom.min.js"  type="text/javascript"></script>
        <script extsrc="design/{$settings->theme}/js/filter.min.js"  type="text/javascript"></script>
        
        {* Стравнение товаров *}
        <script extsrc="design/{$settings->theme}/js/ajax_compare.js"></script>
        {if $product}
        {else}
        <script extsrc="design/{$settings->theme}/js/catalog.compare.result.js"></script>
        {/if}
        <link href="design/{$settings->theme|escape}/css/catalog.compare.result.css" type="text/css" rel="stylesheet" />
        <link href="design/{$settings->theme|escape}/css/catalog.compare.list.css" type="text/css" rel="stylesheet" />
        <script type="text/javascript" extsrc="//yastatic.net/share/share.js" charset="utf-8"></script>
        {if $product}
        <script type="text/javascript" charset="utf-8" src="/buyme/js/buyme.js"></script>
        {/if}
        {if $products}
        {else}
        {* Обратный звонок *}
        <script> var cm_bt = 0; </script>
        <script type="text/javascript" extsrc="/callme/js/callme.js"></script>
        <script> var bm_lang = "ru"; </script>
        {/if}
 

Все вроде бы нормально Гугл принимает исправления только вот в товаре теперь не ставиться звездочный рейтинг.

Если что-то неправильно, пишите!

Link to post
Share on other sites

double_facepalm.jpg

Полный  пэ)

По хорошему нужно все CSS-файлы объединить в один и js-файлы инициализации плагинов тоже)

Кхм и совсем не удивлюсь, если иконки в шаблоне этом подтягиваются по одной.

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
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.

Loading...
×
×
  • Create New...