Рубрика «оптимизация сайта»

в 14:04, , рубрики: autoplay, ffmpeg, HTML video, lcp, lighthouse, preload, UX, WebP, оптимизация сайта, производительность

Для главной страницы я сделал минутное видео с четырьмя главами: можно посмотреть всё демо или сразу перейти к интересующей функции. Плеер работает на обычном HTML <video> и небольшом JS-контроллере, без сторонних библиотек.

Сам ролик удалось сжать с 38 до 1,8 МБ. Но для быстрой загрузки страницы этого оказалось недостаточно: пришлось уменьшить картинку-заставку и отложить запуск видео. В итоге при открытии страница загружает около 400 КБ вместо 3,1 МБ, а видео - уже после первого действия посетителя.

В статье покажу код плеера, команды FFmpeg и результаты замеров. Объясню, почему preload="metadata"Читать полностью »

в 14:16, , рубрики: ci, CICD, оптимизация, оптимизация кода, оптимизация сайта, ускорение загрузки, ускорение разработки, ускорение сайта, ускорение сайтов, ускорение страниц

Дисклеймер: Данный кейс основан на архитектуре нашего проекта (~2600 файлов). В проектах другого масштаба или с другой структурой зависимости результаты могут отличаться. Это не «серебряная пуля», а мой личный опыт оптимизации конкретной инфраструктуры.

Буду краток, на проекте, где я сейчас работаю, мы с командой заметили огромную проблему со скоростью сборки и весом проекта после билда. Стек у нас React, Next.js, FSD Monorepo.

Изначальный набор инструментов был такой:

Билд

Turbopack

Линтинг

Eslint

Читать полностью »

в 12:01, , рубрики: seo, seo оптимизация, автоматизация, анализ трафика, искусственный интеллект, ключевые слова, нейросети, оптимизация сайта, поведенческие факторы, продвижение сайтов
Автоматизация SEO 2025: как я анализирую ТОП и генерирую топовые тексты

Автоматизация SEO 2025: как я анализирую ТОП и генерирую топовые тексты

Читать полностью »

в 8:15, , рубрики: seo, seo оптимизация, seo продвижение, оптимизация сайта, поисковая оптимизация, сайт

В интернет-маркетинге — всё как в жизни. Сайт переехал, и вы всё потеряли: позиции; трафик; заявки клиентов. В статье разбираем два переезда: с печальным финалом и когда всё прошло «тип-топ». Делимся инструкцией по безопасному переезду.

Каждый переезд — немножечко смерть, или как сайты меняют платформу - 1

Как понять, что пора переехать или обновить сайт?

Вот основные причины переезда:

Читать полностью »

в 9:00, , рубрики: css, html, NoPaste, ruvds_статьи, Textarea Cache, Total Blocking Time, Википедия, время загрузки, делегирование событий, оптимизация JS, оптимизация сайта, опциональные теги

Интересные трюки HTML. Экстремальный минимализм - 1


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

Но стремление к минимизации может пойти дальше, если вы хотите поместить весь сайт в адресную строку браузера. А с помощью сокращателя ссылок даже большой сайт сжимается до восьми байт. В этом случае и хостинг не нужен (то есть роль хостинга выполняет сервис сокращения ссылок).
Читать полностью »

в 22:40, , рубрики: amp, Google Web Toolkit, seo, веб-дизайн, голосовые интерфейсы, оптимизация, оптимизация сайта, поисковая оптимизация, поисковые системы, Разработка веб-сайтов
Современное SEO: качество страниц - 1

В конце мая с. г. в Google сообщили, что теперь они намерены в алгоритм ранжирования сайтов ввести понятие "качества страницы" (page experienceЧитать полностью »

в 18:17, , рубрики: CDN, RapidwebMe, браузеры, высокая производительность, оптимизация сайта, Разработка веб-сайтов, Сетевые технологии, ускорение, ускорение сайта

Технология CDN была создана для ускорения раздачи тяжелого контента и обеспечения стабильности онлайн-трансляций. Но для большинства медленных бизнес-сайтов — это не более чем лишний «костыль», который во многих случаях не решает, а усугубляет проблему. От него следует отказаться в пользу разовой технической настройки интернет-ресурса.

Почему CDN не нужны: развенчиваем старый миф - 1
Читать полностью »

в 14:25, , рубрики: google pagespeed insights, PageSpeed, pagespeed insights, seo, seo-аналитика, веб-аналитика, оптимизация, оптимизация сайта, поисковая оптимизация, Разработка веб-сайтов

Google Page Speed Insights — это сервис от гугла, который позволяет определить производительность сайта и дает рекомендации по его оптимизации. Очень важно понимать, что это всего лишь рекомендации! Некоторые воспринимают эти рекомендации настолько серьезно, что готовы реализовать все что там написано в ущерб функционалу своего сайта, что в итоге может даже навредить. Но это довольно сложная тема с множеством нюансов, а данная статься лишь мои мысли в слух и пара замечаний самому google.

Есть такая рекомендация:

Используйте современные форматы изображений:
Форматы JPEG 2000, JPEG XR и WebP обеспечивают более эффективное сжатие по сравнению с PNG или JPEG, поэтому такие изображения загружаются быстрее и потребляют меньше трафика

С этим не поспоришь, а WebP, когда я его первый раз увидел, я был потрясен. Отличное сжатие без явной потери качества. Но там же сразу можно перейти по ссылке и увидеть, какова же поддержка браузерами данного формата?

image
Читать полностью »

в 8:56, , рубрики: alt, developer tools, javascript, usability, возьми густой вишневый сок, Клиентская оптимизация, никто не читает теги, оптимизация, оптимизация сайта, Программирование, профилирование, Разработка веб-сайтов

Возьми густой вишневый сок

Некоторое время назад я заинтересовался производительностью веб-сайтов, оптимизациями загрузки и тому подобными вещами. И вот, зайдя очередной раз на Хабр, подумал, что привык воспринимать довольно быструю загрузку ресурса как данность, даже не задумываясь о том, как этого удалось добиться. Поэтому я решил совместить приятное с полезным — посмотреть, как обстоят дела с производительностью Хабра и какие технические решения были сделаны для его оптимизации. Для тех, кому интересно узнать, что было сделано что бы мы получали контент как можно быстрее и как выглядит загрузка Хабра из Аргентины — прошу под кат.

Читать полностью »

в 14:53, , рубрики: css, html, javascript, оптимизация сайта

Эта статья будет интересна, кто столкнулся с разного рода проблемами после обновления Google PageSpeed и претензиям со стороны заказчиков или начальника, почему упал бал или возникло такое количество замечаний. А так же тем, кто производит оптимизацию сайтов.
В первую очередь стоит упомянуть, что вот в этой статье, на мой взгляд, всё очень грамотно и доступно расписано.

Я же от себя добавлю больше практических советов, а так же будет интересно послушать вашу точку зрения и увидеть ваши наработки. Читать полностью »

123...5
Главная   |  Архив новостей  |   Android  |   Google  |   Apple  |   Microsoft  |   Информационная безопасность  |   Веб – разработка
Публикации RSS  |  Комментарии RSS
https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js