Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> помогите отложить синтаксический анализ JavaScript, ускорить отображение страницы 
:(
    Опции темы
sashawebdirect
  Дата 22.3.2012, 00:55 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 4
Регистрация: 20.5.2011
Где: Одесса

Репутация: нет
Всего: нет



Помогите разобратся с отложением анализа . 
Page Speed пишет:
 "При начальной загрузке страницы выполняется синтаксический анализ JavaScript в объеме 428.2Кб. Чтобы ускорить отображение страницы, отложите синтаксический анализ JavaScript."
Уже неделю роюсь в Интернете, но нахожу только коды для htacess , которые на других форумах опровергают.
И еще такой вопрос: есть скрипты на моем сайте, а есть и на сторонних ресурсах. Их тоже можно как-то отсрочить?
Вот пример :
Код

https://apis.google.com/_/apps-static/_/js/gapi/googleapis_client,iframes_styles_bubble_internal/rt=j/ver=q12yzL_k0Dc.ru./sv=1/am=!brN6X75-Zu-IDRYPeA/d=1 (93.7Кб)
http://factoryofsites.ru/wp-includes/js/jquery/jquery.js?ver=1.7.1 (85.1Кб)
https://plusone.google.com/_/apps-static/_/js/plusone/p1b,p1p/rt=j/ver=LR9r-WJTgqg.en_US./sv=1/am=!YYn1ndwXmbCIxnTNUQ/d=1 (51.2Кб)

PM MAIL WWW   Вверх
skyboy
Дата 22.3.2012, 02:13 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


неОпытный
****


Профиль
Группа: Модератор
Сообщений: 9820
Регистрация: 18.5.2006
Где: Днепропетровск

Репутация: 10
Всего: 260



речь о другом — где подключать скрипты: в head или в конце body

PM MAIL   Вверх
Stolzen
Дата 22.3.2012, 08:53 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1041
Регистрация: 17.10.2005

Репутация: 4
Всего: 48



Вот так еще можно

Код

$(document).ready(function() {
        var _gaq = _gaq || [];
        _gaq.push([ '_setAccount', '---' ]);
        _gaq.push([ '_trackPageview' ]);
        (function() {
            var ga = document.createElement('script');
            ga.type = 'text/javascript';
            ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0];
            s.parentNode.insertBefore(ga, s);
        })();
});



--------------------
datatalks.ru - анализ данных, статистика, машинное обучение
PM MAIL WWW   Вверх
sashawebdirect
Дата 22.3.2012, 20:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 4
Регистрация: 20.5.2011
Где: Одесса

Репутация: нет
Всего: нет



Цитата(Stolzen @ 22.3.2012,  08:53)
Вот так еще можно

Код

$(document).ready(function() {
        var _gaq = _gaq || [];
        _gaq.push([ '_setAccount', '---' ]);
        _gaq.push([ '_trackPageview' ]);
        (function() {
            var ga = document.createElement('script');
            ga.type = 'text/javascript';
            ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0];
            s.parentNode.insertBefore(ga, s);
        })();
});

А теперь для чайников:
 
это нужно прописывать для каждого скрипта?
PM MAIL WWW   Вверх
Stolzen
Дата 23.3.2012, 09:32 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1041
Регистрация: 17.10.2005

Репутация: 4
Всего: 48



Вы можете сделать функцию addScript, и для каждого скрипта ее вызвать в $(document).ready

Код

var addScript = function(path) {
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.async = true;
    script.src = path;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(script, s);
};

$(document).ready(function() {
    addScript('path-to-script1.js');
    addScript('path-to-script2.js');
    addScript('path-to-script3.js');
});



--------------------
datatalks.ru - анализ данных, статистика, машинное обучение
PM MAIL WWW   Вверх
sashawebdirect
Дата 23.3.2012, 19:55 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 4
Регистрация: 20.5.2011
Где: Одесса

Репутация: нет
Всего: нет



Не совсем понимаю как это сделать. Вот допустим у меня    header , идут мета, а потом сразу:
Код

<link href="http://stg.odnoklassniki.ru/share/odkl_share.css" rel=stylesheet>
<script src='http://factoryofsites.ru/wp-includes/js/jquery/jquery.js?ver=1.7.1'></script>
<script src='http://factoryofsites.ru/wp-content/plugins/share-buttons/js/share-buttons.js?ver=3.3.1'></script>
<script src='https://apis.google.com/js/plusone.js?ver=3.3.1'></script>
<script src='http://vkontakte.ru/js/api/share.js?11&ver=3.3.1'></script>
<script src='http://userapi.com/js/api/openapi.js?34&ver=3.3.1'></script>
<script src='http://stg.odnoklassniki.ru/share/odkl_share.js?ver=3.3.1'></script>
<script src='http://factoryofsites.ru/wp-content/plugins/share-buttons/js/odkl_init.js?ver=3.3.1'></script>
<script src='http://cdn.connect.mail.ru/js/share/2/share.js?ver=3.3.1'></script>
<script src='http://platform.twitter.com/widgets.js?ver=3.3.1'></script>
<script src='http://www.google.com/buzz/api/button.js?ver=3.3.1'></script>
<script src='http://factoryofsites.ru/wp-content/themes/striking/js/jqueryslidemenu.js?ver=3.3.1'></script>
<script src='http://factoryofsites.ru/wp-content/themes/striking/js/jquery.tools.tabs.min.js?ver=1.2.5'></script>
<script src='http://factoryofsites.ru/wp-content/themes/striking/js/jquery.colorbox-min.js?ver=1.3.19'></script>
<script src='http://factoryofsites.ru/wp-includes/js/swfobject.js?ver=2.2'></script>
<script src='http://factoryofsites.ru/wp-content/themes/striking/js/custom.js?ver=3.3.1'></script>
<script src='http://factoryofsites.ru/wp-content/themes/striking/js/jquery.tools.validator.min.js?ver=1.2.5'></script>


Я специально показал все, что б было видно сколько их. И это еще не все, внизу страницы еще есть.
Вы не могли бы мне показать на одном наглядно как и куда это прописывать?

Это сообщение отредактировал(а) sashawebdirect - 23.3.2012, 19:58
PM MAIL WWW   Вверх
sashawebdirect
Дата 24.3.2012, 20:56 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 4
Регистрация: 20.5.2011
Где: Одесса

Репутация: нет
Всего: нет



Цитата(skyboy @ 22.3.2012,  02:13)
речь о другом — где подключать скрипты: в head или в конце body

Перенес все в footer , но результат тот же.
PM MAIL WWW   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »


 




[ Время генерации скрипта: 0.1125 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.