Как да минимизираме HTTP заявките за подобряване на времената за зареждане

click fraud protection

HTTP заявките са начина, по който браузърите искат да преглеждат страниците ви. Когато вашата уеб страница се зареди в браузър, браузърът изпраща HTTP заявка до уеб сървъра за страницата в URL адреса. След това, когато HTML се доставя, браузърът го анализира и търси допълнителни заявки за изображения, скриптове, CSS, Flash и т.н.

Всеки път, когато види заявка за нов елемент, той изпраща друга HTTP заявка към сървъра. Колкото повече изображения, скриптове, CSS, Flash и т.н. че на вашата страница има повече заявки и ще се зареждат по-бавно. Най-лесният начин да намалите броя на HTTP заявките на вашите страници е да не използвате много (или някакви) изображения, скриптове, CSS, Flash и т.н. Но страниците, които са само текст, са скучни.

Как да намалите HTTP заявките, без да унищожавате дизайна си

За щастие има няколко начина, по които можете да намалите броя на HTTP заявките, като същевременно поддържате висококачествен, богат уеб дизайн.

  • Комбинирайте файлове - Използвайки външни стилови листове
    instagram viewer
    и скриптове е важно, за да не им затрупват времето за зареждане на страницата, но не разполагат с повече от един CSS и един файл на скрипта.
  • Използвайте CSS спрайтове - Когато комбинирате повечето или всичките си изображения в спрайт, превръщате множество заявки за изображения в само едно. След това просто използвате свойството CSS за фоново изображение, за да покажете частта от изображението, от която се нуждаете.
  • Карти с изображения - Картите с изображения не са толкова популярни, колкото някога, но когато имате съседни изображения, те могат да намалят множество заявки за HTTP изображения само до една.

Използвайте кеширането, за да подобрите времето за вътрешно зареждане на страници

Използвайки CSS спрайтове и комбинирани CSS и скрипт файлове, можете също да подобрите времето за зареждане на вътрешните страници. Например, ако имате спрайт изображение, което съдържа елементи от вътрешни страници, както и вашето целевата страница, след това, когато вашите читатели отидат на тези вътрешни страници, изображението вече е изтеглено и в кеш памет. Така че те няма да се нуждаят от HTTP заявка, за да заредят тези изображения и на вашите вътрешни страници.

instagram story viewer