Как подключать jquery и другие js/css на сайте? - Форум успешных вебмастеров - GoFuckBiz.com - Страница 2
 
 
Форум успешных вебмастеров - GoFuckBiz.com

  Форум успешных вебмастеров - GoFuckBiz.com > Бизнес-решения > Скрипты, программы и технические решения
Дата
USD/RUB89.2589
BTC/USD68612.2530
Скрипты, программы и технические решения Обсуждаем скрипты, программы и новые технологии.

Закрытая тема
Опции темы Опции просмотра
Старый 01.08.2014, 07:55
Start Post: Как подключать jquery и другие js/css на сайте? 
  #11
chesser
автоматизирую интернеты
 
Аватар для chesser
 
Регистрация: 05.07.2009
Адрес: chesser.ru
Сообщений: 3,348
Бабло: $470735
Question

сабж, надо чтобы сайт не тормозил.

В данный момент использую такую схему:

More

Порядок загрузки примерно следующий:
1) начало загрузки html
2) загрузка css через CDN или из клиентского кеша
3) загрузка html, начало отрисовки элементов, подгрузка и запуск js-кода, который не использует DOM, асинхронный вызов js
4) синхронная загрузка jquery
5) загрузка дополнительных CSS
6) асинхронная подгрузка доп. скриптов
7) конец загрузки html
8) DOM-построен
9) выполнение всяких $(document).ready(function(){.....}) , зависящих от DOM

в этой схеме не нравится 4-ый пункт, имхо лучше грузить jquery асинхронно, но тогда начнутся "гонки" скриптов, ждущих $(document).ready

смотрю в сторону js-лоадеров, выбираю.

дык как подключать jquery?
__________________
USA и NL серверы и VPS | wiki | блог | Drupal | NginxТДС
Ave, Google, morituri te salutant! © chesser
chesser вне форума  
Старый 01.08.2014, 13:17   #12
Юнга
white powder
 
Аватар для Юнга
 
Регистрация: 29.04.2007
Сообщений: 2,684
Бабло: $370670
По умолчанию

я бы сюда еще посмотрел
https://github.com/sorrycc/awesome-javascript#loaders

upd: а бля, ты уже все нарыл.
__________________
господин мойва любит вас 🙄https://t.me/musica_finale | у каждого есть история: https://anchor.fm/hibrokakbiz 🙉🎤🙊
Юнга вне форума  
Старый 02.08.2014, 09:24   #13
chesser
автоматизирую интернеты
 
Аватар для chesser
 
Регистрация: 05.07.2009
Адрес: chesser.ru
Сообщений: 3,348
Бабло: $470735
ТС -->
автор темы ТС По умолчанию

Цитата:
Сообщение от xanxy Посмотреть сообщение
Меня как юзера больше бесит не скорость загрузки, а когда элементы начинают перемещатся во время загрузки страницы.
в гугле проводили исследования на эту тему: если юзера заставить долго смотреть на белый экран или на не изменяющуюся картинку при загрузке, он перестанет пользоваться таким сайтом. Не помню точные числа, но допустимое время ожидания 1-2 секунды, и есть разница по этому допуску для смартфонов, планшетов и десктопов....разница из-за разной механики и разных юз-кейсов этих устройств.

Основной ориентир или просьба от гугла, к которой хотя бы нужно стремиться, это: показывать юзеру ATF-контент после первого RTT
Другими словами: показывать верхнюю часть сайта(экран, который не скролиться) получив первый пакет с HTTP-данными. Более подробно описано где-то тут.

На счет RTT еще могу добавить о недавних эволюционных изменениях. Раньше первый RTT был больше/дольше, чем теперь - спасибо гуглу за это. 1,5 года назад они поспособствовали увеличению начального(initial) congestion window в настройках tcp-протокола почти во всех операционных системах. Таким образом, сейчас tcp slow start алгоритм начинает работать с бОльшего количества (10) сегментов, чем раньше (1-2), а значит и за первый RTT передается бОльшее количество байт. Вместо медленного адаптирования скорости под качество канала решили сразу слать побольше и если случился обрыв, то еще раз шлем и опять побольше. Можно сказать, что теперь tcp-соединения стали более мощными, более взрывными. А все потому, что slow start оказывается не очень эффективным при хороших, но/или бьющихся каналах, а сейчас как раз такие: либо быстрые медь/оптика или постоянно рвущаяся беспроводная связь.

Цитата:
Сообщение от xanxy Посмотреть сообщение
Или когда элемент уже отобразился, но не работает. Я так понимаю это как раз случай когда jquery грузится после основного html
такими сайтами юзеры по своему желанию не пользуются ))

Цитата:
Сообщение от xanxy Посмотреть сообщение
У крупных проектов немного другие заботы, чем у вебмастеров
технические цели у всех примерно одинаковые, но у крупняка масштабы больше, поэтому и технические задачи посложнее, но суть та же.

имхо данный топик актуален как для доров, так и для белых сайтов.
__________________
USA и NL серверы и VPS | wiki | блог | Drupal | NginxТДС
Ave, Google, morituri te salutant! © chesser
chesser вне форума  
Старый 09.08.2014, 20:14   #14
Юнга
white powder
 
Аватар для Юнга
 
Регистрация: 29.04.2007
Сообщений: 2,684
Бабло: $370670
По умолчанию

хороший каст на эту тему для понимания механизмов - как оно работает.
на 38:15 есть не упомянутый в топике микрохинт.

__________________
господин мойва любит вас 🙄https://t.me/musica_finale | у каждого есть история: https://anchor.fm/hibrokakbiz 🙉🎤🙊
Юнга вне форума  
Старый 09.08.2014, 22:09   #15
chesser
автоматизирую интернеты
 
Аватар для chesser
 
Регистрация: 05.07.2009
Адрес: chesser.ru
Сообщений: 3,348
Бабло: $470735
ТС -->
автор темы ТС По умолчанию

Цитата:
Сообщение от Юнга
хороший каст на эту тем
+1 , его посмотрел первым делом, как только его выложили ))

Цитата:
Сообщение от Юнга
на 38:15 есть не упомянутый в топике микрохинт.
давно были неудачные попытки такой оптимизации (prefetch), не взлетело. Надо еще раз потестить.
__________________
USA и NL серверы и VPS | wiki | блог | Drupal | NginxТДС
Ave, Google, morituri te salutant! © chesser
chesser вне форума  
Старый 13.09.2014, 12:54   #16
Юнга
white powder
 
Аватар для Юнга
 
Регистрация: 29.04.2007
Сообщений: 2,684
Бабло: $370670
По умолчанию

крутейшая штука с пугающим интерфейсом для оценки скорости загрузки страниц
http://www.webpagetest.org/

с ее помощью удалось добиться снижения среднего speed index с 2000-3000 до "меньше тыщи".
__________________
господин мойва любит вас 🙄https://t.me/musica_finale | у каждого есть история: https://anchor.fm/hibrokakbiz 🙉🎤🙊
Юнга вне форума