За последние 24 часа нас посетили 22652 программиста и 1204 робота. Сейчас ищут 743 программиста ...

Быстрая загрузка страницы

Тема в разделе "Беседы", создана пользователем TeslaFeo, 27 дек 2017.

  1. TeslaFeo

    TeslaFeo Старожил

    С нами с:
    9 мар 2016
    Сообщения:
    2.989
    Симпатии:
    759
    В последние годы страницы становятся всё тяжелее и тяжелее.
    В связи с этим, пришла в голову мысль, которую решил вынести на суд людской.

    На сколько я понимаю, страница грузится сверху вниз и загруженные скрипты начинают работать сразу же после загрузки.

    Что если в шапке загрузить одну JS функцию, которая будет принимать два параметра 1 - url, 2 - селектор, в который нужно поместить контент.

    Далее делим страницу на блоки, условно, nav, slider, lNav, content, footer.
    В загружаемом html должны быть только корневые элементы.
    И сразу после каждого корневого элемента вызов функции, загружающей остальной контент в этот элемент.

    Условно:
    HTML:
    1.   <div id="nav"></div>
    2.   <script> load('load/nav', 'nav'); </script>
    3.   <div id="slider"></div>
    4.   <script> load('load/slider', 'slider'); </script>
    5.   <div id="lNav"></div>
    6.   <script> load('load/lNav', 'lNav'); </script>
    7.   <div id="content"></div>
    8.   <script> load('load/content', 'content'); </script>
    9.   <div id="footer"></div>
    10.   <script> load('load/footer', 'footer'); </script>
    11. </body>
    В результате получаем что-то вроде асинхронной загрузки страницы.
    Не удивлюсь, если есть что-то такое или еще круче. Но всё же решил поделиться.

    Что думаете?
     
  2. Walk

    Walk Активный пользователь

    С нами с:
    7 сен 2008
    Сообщения:
    452
    Симпатии:
    86
    Встречал такое. Каким-нибудь галереям обоев для рабочего стола без этого никак.
     
  3. ADSoft

    ADSoft Старожил

    С нами с:
    12 мар 2007
    Сообщения:
    3.825
    Симпатии:
    738
    Адрес:
    Татарстан
    свой велосипед?
    посмотрите на RequireJS
     
  4. Fell-x27

    Fell-x27 Суперстар
    Команда форума Модератор

    С нами с:
    25 июл 2013
    Сообщения:
    12.155
    Симпатии:
    1.769
    Адрес:
    :сердА
    Думаем, что ты изобрел методику подгрузки контента, которой уже много лет и которая входит в список рекомендаций по оптимизации пользовательского опыта :)
     
  5. TeslaFeo

    TeslaFeo Старожил

    С нами с:
    9 мар 2016
    Сообщения:
    2.989
    Симпатии:
    759
    @Fell-x27 но я её сам изобрёл, поэтому всё равно приятно)
     
  6. Zuldek

    Zuldek Старожил

    С нами с:
    13 май 2014
    Сообщения:
    2.381
    Симпатии:
    344
    Адрес:
    Лондон, Тисовая улица, дом 4, чулан под лестницей
    еще месяц и ты заново изобретешь изоморфный js
     
    Fell-x27 нравится это.
  7. lavitta

    lavitta Зэк
    [ БАН ]

    С нами с:
    26 окт 2017
    Сообщения:
    689
    Симпатии:
    12
    Это будет SEO-жопа
     
  8. TeslaFeo

    TeslaFeo Старожил

    С нами с:
    9 мар 2016
    Сообщения:
    2.989
    Симпатии:
    759
    гугл в это сможет и яндекс научится рано или поздно)
     
  9. romach

    romach Старожил

    С нами с:
    26 окт 2013
    Сообщения:
    2.904
    Симпатии:
    719
    Не. Сначала нужно изобрести prerender, а затем уже изоморфный js )
     
    igordata нравится это.
  10. voral

    voral Активный пользователь

    С нами с:
    30 ноя 2017
    Сообщения:
    646
    Симпатии:
    104
    на мой взгляд игра не стоит свеч. ИМХО достаточно lazyload картинок, которые не попадают на видимую без прокрутки часть страницы.а html нет смысла разбивать на отдельные кусочки. Ну будет у вас канал забиваться запросами за маленькими кусочками. Ведь не спроста же иконки, картинки для дизайна собирают в спрайты, а вы наооборот хотите разбить.

    Хотя, конечно же, каждой конкретной ситуации свое решение.
     
  11. Fell-x27

    Fell-x27 Суперстар
    Команда форума Модератор

    С нами с:
    25 июл 2013
    Сообщения:
    12.155
    Симпатии:
    1.769
    Адрес:
    :сердА
    Вот. Единственно правильный совет.

    Сначала ищем проблему. Если находим, анализируем ее состав и причины. Если находим проблемные точки, генерируем решение. А решать проблемы "на всякий случай" - пустая трата времени.
     
  12. voral

    voral Активный пользователь

    С нами с:
    30 ноя 2017
    Сообщения:
    646
    Симпатии:
    104
    Тут есть, кстати, есть и другой способ использования по сути той же технологии: быстро отдаете страницу из кеша, а потом подменяете те элементы страницы у которых кеш протух.
     
  13. igordata

    igordata Суперстар
    Команда форума Модератор

    С нами с:
    18 мар 2010
    Сообщения:
    32.410
    Симпатии:
    1.768
    @TeslaFeo
    боже, просто запихни все скрипты в самый низ страницы и всё

    и почитай уже ченить на эту тему, нельзя ж блин насколько отставать от индустрии
     
  14. Fell-x27

    Fell-x27 Суперстар
    Команда форума Модератор

    С нами с:
    25 июл 2013
    Сообщения:
    12.155
    Симпатии:
    1.769
    Адрес:
    :сердА
    В хроме давно есть профайлеры страницы и встроенный GoogleSpeed.
     
    igordata нравится это.
  15. lavitta

    lavitta Зэк
    [ БАН ]

    С нами с:
    26 окт 2017
    Сообщения:
    689
    Симпатии:
    12
    У меня при запуске хрома начинает процессор пылесосить - понятия не имею что этот Госдеповец делает - включаю только на короткие моменты иногда
     
  16. Fell-x27

    Fell-x27 Суперстар
    Команда форума Модератор

    С нами с:
    25 июл 2013
    Сообщения:
    12.155
    Симпатии:
    1.769
    Адрес:
    :сердА
    Проверь, мб нахватал расширений каких малварьных.
     
  17. lavitta

    lavitta Зэк
    [ БАН ]

    С нами с:
    26 окт 2017
    Сообщения:
    689
    Симпатии:
    12
    Да я в таких вопросах осторожен - у меня всегда стоит проверенный минимум.
    Да и не требуется мне хром - я на лисе - мне панель меню важна - привычка.
    Кстати привык к новой лисе - остальные не переношу - напрягают
     
  18. Fell-x27

    Fell-x27 Суперстар
    Команда форума Модератор

    С нами с:
    25 июл 2013
    Сообщения:
    12.155
    Симпатии:
    1.769
    Адрес:
    :сердА
    Малварь ловится с левым ПО и действует скрытно. Малварное расширение может не светиться в списке. Прогони комп тулзой AwdCleaner. Мб найдет чего.
     
  19. lavitta

    lavitta Зэк
    [ БАН ]

    С нами с:
    26 окт 2017
    Сообщения:
    689
    Симпатии:
    12
    Помню хватал такую вирусню - когда окно открывается со всякими вулканами.
    Короче всем сканировал - без толку!
    Нашел совет - есть такая прожка, называется - Чистилка
    Она мне сразу эту фигню нашла и удалила без проблем.
    Сейчас ее включу снова - она кстати бысто сканирует - несколько минут
     
  20. [vs]

    [vs] Суперстар
    Команда форума Модератор

    С нами с:
    27 сен 2007
    Сообщения:
    10.553
    Симпатии:
    631
    Заметил такой нюанс с подгрузкой контента.
    Бывает, что кликнул на ссылку, но сразу передумал и кликнул на другую. И открывается другая.
    Так вот, если первая ссылка была нормальной, а вторая - js-имитация, то откроется первая.
     
  21. lavitta

    lavitta Зэк
    [ БАН ]

    С нами с:
    26 окт 2017
    Сообщения:
    689
    Симпатии:
    12
    TSL Рукопожатие часто бесит Ха Ха