@spido

На какой технологии или плагине работает подгрузка блока контента на сайте?

Приветствую!
Мой сайт работает на PHP 7.4, javascript, jQuery, HTML, CSS.
Есть задача ускорить загрузку страницы, разделив страницу на блоки, который будут подгружаться в определённой последовательности.
Я посмотрел несколько технологичный сайтов и обнаружил, что эти сайты применяют очень похожие принципы загрузки страницы.
Сначала загружается верхний и нижний блок страницы, а потом центральный блок с контентом.
Вот пример:
https://www.wildberries.ru/catalog/elektronika
- при нажатии на ссылку категории, в меню слева, сначала подставляется ссылка в адресную строку, а потом подгружается блок с контентом и бок с меню слева. Верхний и нижние блоки не перезагружаются.
- пагинация так же реализована, как и при нажатии на ссылку категории.

Подскажите примеры плагинов или может есть современный опенсорс с уже встроенными плагинами, который можно поковырять и научиться сделать так, как у технологичных сайтов.

Заранее, спасибо!
  • Вопрос задан
  • 102 просмотра
Пригласить эксперта
Ответы на вопрос 4
Sanes
@Sanes
Ajax это называется.
Ответ написан
ThunderCat
@ThunderCat Куратор тега PHP
{PHP, MySql, HTML, JS, CSS} developer
Подскажите примеры плагинов
Для чего плагины то? Для фотошопа?

- при нажатии на ссылку категории, в меню слева, сначала подставляется ссылка в адресную строку, а потом подгружается блок с контентом и бок с меню слева. Верхний и нижние блоки не перезагружаются.
Это называется SPA, так же работает например вк, фликер и еще куча сайтов.

Есть задача ускорить загрузку страницы, разделив страницу на блоки, который будут подгружаться в определённой последовательности.
Это не всегда ведет к увеличению скорости загрузки, и бОльшая часть таких сайтов имеет иные цели и более веские причины для этого, то есть это не сильвер буллет, а осознанный выбор под определенную задачу, где скорость отрисовки не самый важный показатель. Возможно в вашем случае достаточно будет подключить лэзи лоад, и оптимизировать другие параметры загрузки, вместо не совсем подходящего вам функционала (например, вполне понятно что текст хтмл содержимого занимает в байтах в стони раз меньше чем изображения, и логично что легче и эффективнее откладывать только загрузку картинок, а не кусков хтмля).
Ответ написан
Комментировать
@TheAndrey7
Наоборот сайт будет грузиться дольше, потому что увеличится количество запросов для загрузки каждого блока. Подключение всех скриптов рекомендуется делать перед закрывающим body, чтобы отрисовка страницы происходила в первую очередь, а скрипты потом. И стараться не пользоваться таким злом как CDN, а держать всё у себя на сервере. Тогда не понадобятся всякие там костыли с prefetch и прочим.

Приведённый вами сайт построен на каком-нибудь React или его аналоге. Это инос способ построения страниц. Для традиционного сайта стоит рассматривать pjax.
Ответ написан
Комментировать
@russeljo
Подгрузка блоков в определенной последовательности - это отложенная загрузка(lazy load).
Когда при нажатии на ссылку меняется адрес в адресной строке, но страница фактически не перезагружается, а меняется контент страницы , то это - SPA(single page application). Это можно сделать и на чистом js, но сейчас для этого есть js-фреймворки, react, например.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы