Страница 1 из 11
Модератор форума: JonMagon 
Сообщество uCoz » Вебмастеру » JavaScript, Flash и прочие технологии » JavaScript » Как встроить код JavaScript и CSS? (Как ускорить загрузку страницы)
Как встроить код JavaScript и CSS?
Fantom19i
Сообщений: 11
Репутация: 2

Сообщение # 1 | 19:06:26

Цитата
Удалите из верхней части страницы код JavaScript и CSS, блокирующий отображение
Количество блокирующих скриптов на странице: 5.
Количество блокирующих ресурсов CSS на странице: 6.
Они замедляют отображение контента.

Все содержание верхней части страницы отображается только после загрузки
указанных далее ресурсов.
Попробуйте отложить загрузку этих ресурсов, загружать их асинхронно или встроить их самые важные компоненты
непосредственно в код HTML.
Удалите код JavaScript, препятствующий отображению:
  • http://s12.ucoz.net/src/jquery-1.10.2.js
  • http://s12.ucoz.net/src/ulightbox/ulightbox.js
  • http://s12.ucoz.net/src/uwnd.js?2
  • http://s12.ucoz.net/…cg?a=soc_comment_get_data&site=0alma-ata
  • http://s12.ucoz.net/src/socCom.js


Оптимизируйте работу CSS на следующих ресурсах:
  • http://s12.ucoz.net/src/base.css
  • http://s12.ucoz.net/src/layer1.css
  • http://s12.ucoz.net/src/ulightbox/ulightbox.css
  • http://s12.ucoz.net/src/socCom.css
  • http://s12.ucoz.net/src/social.css
  • http://www.siti-stroi.info/_st/my.css



Это послание прислал Адсенс + Рекомендации:

Код JavaScript, необходимый для отображения верхней части страницы, должен быть встроенным, а код, отвечающий за
дополнительные функции, должен выполняться после загрузки верхних
элементов. Обратите внимание, что для ускорения загрузки страниц
необходимо также оптимизировать CSS.

Подскажите пожалста, как встроить эти коды? В HТML файле в <head> стоит - <link type="text/css" rel="StyleSheet" href="/_st/my.css" > - отредактировать скрипты нет возможности.
эти скрипты отображаются в исходном коде страницы = <script type="text/javascript" src="http://s12.ucoz.net/src/jquery-1.10.2.js"></script> и т.д.
Но как их отредактировать?
В какой программе это можно сделать? и как потом залить новый код на сайт?

И стоит ли оптимизировать CSS? или просто - забить на все это?
Но сайт действительно очь долго грузится.....

Помогите, пжалста!
Заранее спасибо.
webanet
Личный менеджер
Сообщений: 22692
Репутация: 4845

Сообщение # 2 | 23:16:07
Fantom19i, это системные стили и скрипты. если не знаете что с ними делать, лучше не трогать. а гугл типа ругается из-за того, что они подгружаются не с вашего сайта. а сайт, если долго грузится, надо ссылку на него давать

ТУТ можно оставить своё мнение по любому вопросу
https://webanetlabs.net/
Fantom19i
Сообщений: 11
Репутация: 2

Сообщение # 3 | 21:23:06
webanet, страница которую гугл приводит в пример - http://www.siti-stroi.info/publ/1/koptilnja_chertezh/8-1-0-49 -
Цитата
это системные стили и скрипты. если не знаете что с ними делать, лучше не трогать

Утверждение верное конечно, :)) я делала до этого HTML в программе, но делала для новых
страниц, и заливала их в файловый менеджер. а тут надо именно для
статей (и др. материалов) не знаю с чего даже начать

Вот что они советуют:

Цитата
Встройте небольшие ресурсы JavaScript Если внешние скрипты имеют небольшой размер, их можно включить в документ
HTML.
Подобное встраивание позволяет браузеру продолжать загрузку страницы.
Например, если HTML выглядит следующим образом:
<html>
<head>
<script type="text/javascript" src="small.js"></script>
</head>
<body>
<div>
Hello, world!
</div>
</body>
</html>

а ресурс small.js выглядит так:
/* contents of a small JavaScript file */

то этот скрипт можно встроить, как показано ниже:

<html>
<head>
<script type="text/javascript">
/* contents of a small JavaScript file */
</script>
</head>
<body>
<div>
Hello, world!
</div>
</body>
</html>

Это избавит от необходимости выполнять внешний запрос small.js, так как он располагается внутри документа HTML.

т.е в моем случае, можно сделать код такого вида:


Цитата
<html>
<head>
<script type="text/javascript" src="http://s12.ucoz.net/src/jquery-1.10.2.js"></script>
переделываем на -
<script type="text/javascript">
/* contents of a http://s12.ucoz.net/src/jquery-1.10.2 JavaScript file */
</script>


</head>
<body>
<div>
Hello, world!
</div>
</body>
</html>


Вот как мне это сделать? Или я все не так поняла?

Может есть на вашем форуме подходящая тема, где это обсуждалось? Я вообще быстро учусь smile
спс!
Сообщение отредактировал Fantom19i - Среда, 19 Ноя 2014, 21:28:54
Victor3230
Сообщений: 2
Репутация: 0

Сообщение # 4 | 11:49:54
Дело в том, что для добавления скрипта нужно попасть в раздел <head>, что невозможно. Пишите скрипты в раздел Body Я , например, поставил такой скрипт(плавное развертывание серии картинок)
script type="text/javascript" src="http://traktor2012.ucoz.ru/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="http://traktor2012.ucoz.ru/js/wb.slideshow.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
......................................
</script>
И все прекрасно работало, Размещение скрипта подобным образом имеет недостаток: он запускается сразу. У меня это привело к тому, что скрипт Укоз отвечающий за верхнюю панель меню (вкладки: общее, управление и т.д) перестал работать. Тогда я разместил скрипт в файл, загрузил его и через опцию Импорт удаленного кода разместил на странице полученный код внедрения кода из файла $RCODE_1$. Это не помогло. Холтя скрипт сам отлично работал.
bandjuk
Сообщений: 6765
Репутация: 2376
Уровень замечаний:

Сообщение # 5 | 19:18:17
Цитата Victor3230 ()
это привело к тому, что скрипт Укоз отвечающий за верхнюю панель меню (вкладки: общее, управление и т.д) перестал работать.

может всё-таки оно перестало "работать" из-за этого:
script type="text/javascript" src="http://traktor2012.ucoz.ru/js/jquery-1.4.2.min.js"></script>
??
Сообщество uCoz » Вебмастеру » JavaScript, Flash и прочие технологии » JavaScript » Как встроить код JavaScript и CSS? (Как ускорить загрузку страницы)
Страница 1 из 11
Поиск: