Posted on

В идеале вы хотите, чтобы размер страницы HTML DOM составлял около 100 КБ или меньше, в зависимости от вашей ниши.

В некоторых нишах страницы могут быть больше; например, в электронной коммерции нередко можно увидеть страницы размером от 150 до 200 КБ, в зависимости от того, сколько изображений товаров находится на странице.

Вы не хотите становиться слишком большим, потому что тогда вы начнете негативно влиять на пользовательский опыт и можете упустить возможность повысить рейтинг с хорошими оценками Core Web Vitals.

Но уменьшение размера страницы без учета пользовательского опыта может привести к тому, что ваша страница будет не такой полезной, как у конкурентов. Баланс — это ключ к успеху.

Проблемы, влияющие на размер вашей страницы

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

«Раздутие кода» означает, что ненужный код значительно увеличивает размер страницы, тем самым влияя на скорость вашей страницы.

Есть разные способы добиться одного и того же. Вы хотите избежать тех, которые вызывают проблемы из-за чрезмерного кодирования на стороне CSS и JS.

Помимо оптимизированного мышления кодирования, файлы CSS и JS нуждаются в процессе минификации. В процессе минификации удаляются лишние пробелы и другие случайные артефакты кода, которых здесь нет.

Важно отметить, что минификация не изменит ваше фактическое кодирование — только артефакты кодирования. Ваш ум и навыки разработки по-прежнему будут необходимы для достижения максимальной оптимизации кода CSS и JS на стороне сервера.

seo-copywriting-page-promotion

Инструменты для проверки размера вашей страницы

Google Page Speed ​​Insights — важный инструмент для выявления проблем с размером страницы, которые могут замедлять загрузку.

Кроме того, это поможет вам отметить элементы в контрольном списке Google Core Web Vitals по размеру страницы.

Вы также можете проверить размер своей страницы с помощью Screaming Frog SEO Spider, чтобы выполнить сканирование вашего сайта.

Это может помочь снизить затраты на веб-хостинг

В зависимости от вашего провайдера интернет-хостинга и его планов хостинга вы можете сэкономить на хостинге с меньшими размерами файлов подкачки.

Меньший размер страницы означает меньшую используемую полосу пропускания (передача файлов), что может снизить расходы на хостинг, особенно на крупных сайтах.

Оптимизируйте эти изображения

Для создания лучших, наиболее оптимизированных изображений необходимо убедиться, что вы отметили следующие пункты в своем контрольном списке:

    • Физический размер пикселя.
    • Общий размер изображения.
    • Сохранение качества изображения.


Физический размер пикселя относится к плотности пикселей изображения. Неважно, уменьшилось ли ваше изображение с 1600 x 1600 до 500 x 500, если плотность пикселей изображения останется прежней.

Вы по-прежнему будете получать изображения с размером файла 1 МБ, если вы с этого начали.

Чтобы обеспечить надлежащую оптимизацию, учитывающую оба этих фактора, убедитесь, что вы используете сжатие изображений без потерь с помощью таких инструментов, как Adobe Photoshop, или платных версий инструментов, таких как Smush Pro.

В настоящее время Adobe Photoshop является золотым стандартом в области сжатия изображений.

Это поможет вам ориентироваться на все три фактора, и ваши изображения по-прежнему будут кристально чистыми в конце процесса сжатия.

Вы также должны рассмотреть более быстрые форматы изображений, которые лучше, чем их предшественники, такие как WebP over png.

Есть несколько сервисов, которые вы можете использовать для оптимизации изображений, в том числе ShortPixel.com и TinyPNG.com.

Минимизируйте свой HTML и CSS

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

Когда вы уменьшаете свой HTML и CSS , вы избавляетесь от нежелательных и ненужных интервалов в коде и в результате уменьшаете размер файла страницы.

Имеет смысл продолжить процесс минификации для всех ваших страниц, особенно если вы знаете, что все ваши страницы заполнены ненужным кодом.

Насколько публикация Вам полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 0 / 5. Количество оценок: 0

Оценок пока нет. Поставьте оценку первым.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *