Размер потребляет, включая php, html, css, внешние файлы

Question

Когда мы включаем js, css или html-файлы на веб-сайт поддержки 40kb, добавит ли он 40 kb дополнительного места на сайт? Кроме того, если у нас есть файл под названием style.css, который имеет 100 стилей, и если нам нужен только один стиль, который делает мою страницу в полном размере файла.

Я хочу включить один файл стиля и один файл js на каждую страницу моего проекта, и в этих файлах все файлы css и js уже включены init. Будет ли вся моя страница проекта иметь размер зависимости всех прикрепленных к ней файлов.

Answer 1

Да, когда страница загружается, она загружает все связанные ресурсы (скрипты, CSS, изображения и т. Д.), Которые вызывают в коде, даже если для этого нужно использовать только 10% определенных стилей или скриптов.

Однако учтите, что, как только кто-то загрузит вашу таблицу стилей 40kb один раз, она, вероятно, будет кэшироваться их браузером, поэтому каждая другая страница, которую они посещают, не будет повторно загружать этот файл.

Вы можете минимизировать как JS, так и CSS, чтобы уменьшить размер файла. Кроме того, часто бывает лучше иметь один сжатый файл CSS большего размера, чем несколько более мелких файлов CSS, поскольку он обычно идеален для минимизации количества HTTP-запросов, отправляемых каждый раз, когда кто-то посещает ваш сайт. То же самое с JS и даже изображениями в некоторой степени (один HTTP-запрос для спрайта, который может использоваться для нескольких разных «изображений» на странице, например, например, иконки, лучше, чем самостоятельные запросы для них отдельно).

Answer 2

TL; DR: Да

Если добавить 40Kb УСС на свой веб-сайт, это увеличит данные, загруженные вашими пользователями по 40kb и увеличит ваш сервер хранения использование пространства на 40kb.

Даже если вам нужен только один стиль из файла css, он все равно потребует загрузки всего 40 КБ.

Чтобы уменьшить объем данных, которые необходимо загрузить, вы можете использовать мини-фильтр CSS, например the YUI Compressor. Если вам не нужны определенные файлы на определенных страницах, просто не включайте их. Если вы действительно хотите уменьшить размер своей веб-страницы, вы можете использовать что-то вроде Google's PageSpeed Service или Apache mod_pagespeed. Вы также можете использовать online analyzer, чтобы узнать, как повысить скорость вашей веб-страницы.

Answer 3

Да,

Если вы включаете файл, чтобы воспользоваться этим, весь файл нужно будет загрузить.

Лучший способ проверить ваш размер (неточно, но быстро) - сохранить веб-страницу из браузера, это будет включать все изображения/css/js в папку рядом с файлом страницы. Проверьте их размер файла, чтобы узнать, насколько большой занимает страница.

Answer 4

Да, загруженные данные будут независимо от того, что включено в ваши внешние файлы. Кроме того, если у вас когда-либо была ситуация, когда у вас есть несколько внешних CSS-файлов, рекомендуется попытаться составить ее в один файл, чтобы минимизировать HTTP-запросы. Это не огромный выигрыш в производительности, но каждый бит может помочь. Это та же идея, что и все ваши спрайты в одном файле изображения. Если вам интересно, здесь есть дополнительная информация: http://developer.yahoo.com/performance/rules.html