X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Ускорение загрзки JavaScript'ов
Артём Гунькин
Артём Гунькин
Topic Starter сообщение 14.9.2011, 14:34; Ответить: Артём Гунькин
Сообщение #1


Пока создавал сайт накопилось не мало JavaScript'ов,
И вот хочу спросить, как сделать чтоб страница загружалась быстрее.

1) Есть ли разница между тем как написано, так:
[JS]<script type="text/javascript" src="/js/slider.js"></script>[/JS]
или когда весь яваскрипт на странице сразу, вот так:
[JS]<script type="text/javascript">
var a = блаблабла и т.д. </script>[/JS]
2) можно ли несколько яваскриптов запихнуть в один файл? и будет ли какой-нить толк от этого?
3) есть ли еще какие нибудь способы или разницы нет как и где находится яваскрипт?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
pavelsc
pavelsc
сообщение 14.9.2011, 15:23; Ответить: pavelsc
Сообщение #2


(junk @ 14.9.2011, 17:34) *
1) Есть ли разница между тем как написано....

Нет.

(junk @ 14.9.2011, 17:34) *
2) можно ли несколько яваскриптов запихнуть в один файл? и будет ли какой-нить толк от этого?

Можно. Будет неудобно разбираться просто.

(junk @ 14.9.2011, 17:34) *
3) есть ли еще какие нибудь способы или разницы нет как и где находится яваскрипт?

Разницы нет. Если только он не отдельно на 0.01 кб сервере, тогда будет медленно скачиваться код. Выполнится он все равно так же

Есть только один вариант ускорения выполнения JS: написать свой браузер со своим супермегабыстрым движком JS. Именно так и поступили ребята, которые написали V8 JS Engine :s009:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
hosts
hosts
сообщение 14.9.2011, 16:25; Ответить: hosts
Сообщение #3


1) Конечно есть разница. Первый вариант будет гораздо быстрее загружаться на второй и последующих страницах за счет кэширования браузером slider.js.
2) Если скрипты объемные и не все из них используются на всех страницах, то лучше несколько файлов. На странице можно использовать только те, которые действительно необходимы.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
pavelsc
pavelsc
сообщение 14.9.2011, 16:49; Ответить: pavelsc
Сообщение #4


hosts, разницу между 3.5 секунды и 3.4 секунды описывать словом "гораздо" не принято, тем более что эта разница есть только при первом посещении странички (дальше-то вся страница закешируется).

2) Если скрипты объемные и не все из них используются на всех страницах, то лучше несколько файлов. На странице можно использовать только те, которые действительно необходимы.


Так а че не пихнуть сразу все-все-все скрипты в один большой файл и пусть он разок закешируется и все.

Лучше делать так, как удобнее потом редактировать и дорабатывать. И вообще это нецелесообразно, потому что 90% что фоном идет голая девочка в FullHD, а в углу флеш баннер про игру с драконами и магами.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
hosts
hosts
сообщение 14.9.2011, 22:47; Ответить: hosts
Сообщение #5


(pavelsc @ 14.9.2011, 19:49) *
hostsтем более что эта разница есть только при первом посещении странички (дальше-то вся страница закешируется).

Да-да-да.
Если пользователь посетит страниц 100, а jскрипт будет составлять всего-то каких-нибудь 20% текста страницы -- посчитайте сами дальше что принято, а что нет.

Человек прямо и недвусмысленно спрашивает, как УСКОРИТЬ загрузку страницы, а Вы даете советы, как ее ЗАМЕДЛИТЬ. Какая разница, на какую величину, но замедление будет, и Вы это сами прекрасно понимаете...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Den1xxx
Den1xxx
сообщение 14.9.2011, 23:02; Ответить: Den1xxx
Сообщение #6


Добавка.
Если кешировать страницы на стороне сервера, имеет смысл все скрипты вынести в файлы и по возможности объединить.
Иначе добавка яваскрипт-кода в шаблоне умножаются на кол-во страниц.
В общем, я стараюсь по возможности в движке общепринятые библиотеки, редакторы, и т.п. хранить в директории типа tools/js
Проще потом подключать пути через DEFINE
А файлы js относящиеся только к текущему проекту - в директории шаблона.
JS админки пихается прямо в движок - там все равно траффик никакой и видит только один админ.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
SEVI
SEVI
сообщение 14.9.2011, 23:50; Ответить: SEVI
Сообщение #7


вот выход:
быстроб***ть "<script type="text/javascript" src="/js/slider.js"></script>";
:rjunimagu: Надеюсь модераторы меня не забанят. я ведь просто так написал))
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
pavelsc
pavelsc
сообщение 15.9.2011, 12:15; Ответить: pavelsc
Сообщение #8


hosts, в том то и дело что слишком много если. Что бы что-то ускорить надо просмотреть структуру сайта, сделать анализ, и потом уже дать ответ ну никак не в 3-4 предложения. В любом случае чем сложнее сайт и разнообразнее контент, тем эффективнее подействует оптимизация. А что вытянешь с сайта визитки где траффик с главной страницы 500кб максимум? Из полезного что можно сказать: js по возможности в конец страницы, ну и css-спрайты где можно применять.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
zabmix
zabmix
сообщение 15.9.2011, 14:23; Ответить: zabmix
Сообщение #9


Как вариант ускорения загрузки js. Для newbie
создал основной файл file.js в нем необходимый мне код ну скажем весом 150 кб.
далее копирую файл (бекап). Беру основной файл, содержимое отправляю в http://dean.edwards.name/packer/ он мне все пробелы ненужные символы в коде удаляет, в принципе оставляя код в одной строчку НЕ сжимая, просто удаляет лишнее.
Копирую готовый код, вставляю в основной файл и о пля, он стал вешать 83 кб, за счет ненужного хлама. А можно еще использовать сжатие, он уменьшит мой код до 36 кб, но беда вся в том что он на стороне клиента, так скажем "расшифруется" что нагрузит его процессор не несколько секунд.

Процедура скажу сразу - нудная и неудобная. В том плане что можно позапутаться в файлах да и вообще ну удобно редактировать.
Но так или иначе я действую таким методом, держу в одной папке оригиналы, а готовые сжатые варианты в папке js.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Den1xxx
Den1xxx
сообщение 15.9.2011, 16:05; Ответить: Den1xxx
Сообщение #10


(zabmix @ 15.9.2011, 17:23) *
Но так или иначе я действую таким методом, держу в одной папке оригиналы, а готовые сжатые варианты в папке js.

Тоже хорошо.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Услуги по созданию и доработке скриптов PHP, MySQL, JavaScript, jQuery
Разработка сайтов и сервисов под-ключ
0 alexey 1246 24.11.2023, 14:46
автор: alexey
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыВеб-разработка (HTML5, CSS3, JavaScript, jQuery, Ajax, PHP)
56 qpPeW 44948 19.7.2023, 10:03
автор: qpPeW
Горячая тема (нет новых ответов) Ускорение вашего сайта и сервера. Системный администратор Linux
44 EvaSystems 41822 6.2.2023, 13:07
автор: EvaSystems
Горячая тема (нет новых ответов) WordPress: ускорение, защита, оптимизация
35 wp01 20063 9.11.2022, 14:24
автор: wp01
Открытая тема (нет новых ответов) Ускорение индексации
3 wep 6709 24.9.2021, 19:04
автор: Wachowski


 



RSS Текстовая версия Сейчас: 25.4.2024, 23:55
Дизайн