Karen Опубликовано 11 февраля, 2015 Жалоба Поделиться Опубликовано 11 февраля, 2015 Очень нужно оптимизировать JavaScript и CSS для PageSpeed. js скрипты сносил в низ перед </body>, гугл принимает исправления, но в шаблоне сайта пропадает некоторый функционал (пришлось вернуть все назад). С CSS не знаю что делать. Все содержание верхней части страницы отображается только после загрузки указанных далее ресурсов. Попробуйте отложить загрузку этих ресурсов, загружать их асинхронно или встроить их самые важные компоненты непосредственно в код HTML.Удалите код JavaScript, препятствующий отображению:http://site.ru/js/jquery/jquery.jshttp://site.ru/js/ctrlnavigate.jshttp://site.ru/design/MediaStore/js/jquery-ui.min.jshttp://site.ru/design/MediaStore/js/ajax_cart.jshttp://site.ru/js/baloon/js/baloon.jshttp://site.ru/…/autocomplete/jquery.autocomplete-min.jshttp://site.ru/design/MediaStore/js/catalog.jshttp://site.ru/…iaStore/js/jquery-ui-1.9.0.custom.min.jshttp://site.ru/design/MediaStore/js/filter.min.jshttp://site.ru/design/MediaStore/js/ajax_compare.jshttp://site.ru/…/MediaStore/js/catalog.compare.result.jshttp://yastatic.net/share/share.jsОптимизируйте работу CSS на следующих ресурсах:http://site.ru/…esign/MediaStore/css/jquery.fancybox.csshttp://site.ru/…gn/MediaStore/css/jquery.jscrollpane.csshttp://site.ru/design/MediaStore/css/glass.csshttp://site.ru/design/MediaStore/css/style.csshttp://site.ru/design/MediaStore/css/style(1).csshttp://site.ru/design/MediaStore/css/style(2).csshttp://site.ru/design/MediaStore/css/style(3).csshttp://site.ru/design/MediaStore/css/style(4).csshttp://site.ru/design/MediaStore/css/style(5).csshttp://site.ru/design/MediaStore/css/style(6).csshttp://site.ru/design/MediaStore/css/style(7).csshttp://site.ru/design/MediaStore/css/style(8).csshttp://site.ru/design/MediaStore/css/style(9).csshttp://site.ru/design/MediaStore/css/style(10).csshttp://site.ru/design/MediaStore/css/style(11).csshttp://site.ru/design/MediaStore/css/style(12).csshttp://site.ru/design/MediaStore/css/list.csshttp://site.ru/…esign/MediaStore/css/template_styles.csshttp://site.ru/design/MediaStore/css/simpla.csshttp://site.ru/design/MediaStore/css/banners.csshttp://site.ru/js/baloon/css/baloon.csshttp://site.ru/design/MediaStore/css/menu.catalog.csshttp://site.ru/…ediaStore/css/catalog.compare.result.csshttp://site.ru/…/MediaStore/css/catalog.compare.list.css Цитата Ссылка на сообщение Поделиться на другие сайты
mailer Опубликовано 11 февраля, 2015 Жалоба Поделиться Опубликовано 11 февраля, 2015 (изменено) Сожми их просто тут, например:https://tools.megaindex.ru/css_compressor/https://tools.megaindex.ru/js_compressor/и добавь атрибуты де надоhttp://loco.ru/materials/10-javascript-async Изменено 11 февраля, 2015 пользователем mailer Цитата Ссылка на сообщение Поделиться на другие сайты
Karen Опубликовано 12 февраля, 2015 Автор Жалоба Поделиться Опубликовано 12 февраля, 2015 Сожми их просто тут, например:https://tools.megaindex.ru/css_compressor/https://tools.megaindex.ru/js_compressor/и добавь атрибуты де надоhttp://loco.ru/materials/10-javascript-asyncМожно пример как правильно добавить атрибут Цитата Ссылка на сообщение Поделиться на другие сайты
Karen Опубликовано 12 февраля, 2015 Автор Жалоба Поделиться Опубликовано 12 февраля, 2015 Как подключить файл скрипта extsrc.js? <script src=”…”>на<script extsrc=”…”>Или это действие и имеется ввиду подключение скрипта? Цитата Ссылка на сообщение Поделиться на другие сайты
Karen Опубликовано 12 февраля, 2015 Автор Жалоба Поделиться Опубликовано 12 февраля, 2015 У меня получилось вот так : {* 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} Все вроде бы нормально Гугл принимает исправления только вот в товаре теперь не ставиться звездочный рейтинг.Если что-то неправильно, пишите! Цитата Ссылка на сообщение Поделиться на другие сайты
Ilya Опубликовано 12 февраля, 2015 Жалоба Поделиться Опубликовано 12 февраля, 2015 double_facepalm.jpgПолный пэ)По хорошему нужно все CSS-файлы объединить в один и js-файлы инициализации плагинов тоже)Кхм и совсем не удивлюсь, если иконки в шаблоне этом подтягиваются по одной. Цитата Ссылка на сообщение Поделиться на другие сайты
Karen Опубликовано 14 февраля, 2015 Автор Жалоба Поделиться Опубликовано 14 февраля, 2015 Неужели никто не сталкивался с таким вопросом!? Цитата Ссылка на сообщение Поделиться на другие сайты
Рекомендуемые сообщения
Присоединяйтесь к обсуждению
Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.