Сравнение тяжеловесности популярных библиотек UI компонент для Vue 3

Сравнение тяжеловесности популярных библиотек UI компонент для Vue 3

Библиотеки UI компонент популярны и удобны в некоторых случаях, но у них тоже есть обратные стороны. Одно дело, когда делаешь админку и используешь десятки компонент, другое - когда тебе надо всего пару компонент. Было проведено исследование - взяты три HTML элемента: Button, Input и Select, и проверено, насколько увеличатся js и css бандлы если использовать для них одну из 10 распространенных UI библиотек для Vue 3. Читать далее

Подробнее
Пошаговое руководство: как склеить старые дропы с молодым доменом

Пошаговое руководство: как склеить старые дропы с молодым доменом

Продвижение молодого сайта может быть сложной задачей, особенно если конкуренция в нише высокая. Одним из способов ускорить процесс и повысить видимость сайта является использование старых дроп доменов. В этом пошаговом руководстве мы рассмотрим, как правильно выбрать и склеить старые дропы с молодым доменом для улучшения SEO-показателей. Читать далее

Подробнее
Не реактом единым: что полезно знать современному фронтенд-разработчику

Не реактом единым: что полезно знать современному фронтенд-разработчику

Браузерная разработка — одна из самых старых и при этом динамично развивающихся отраслей IT-индустрии. Востребованность и зарплаты разработчиков веб-приложений — фронтенд-разработчиков, только растут, но вместе с тем растут и ожидания от них. У этого есть простая причина: предметная область, ее глубина и количество нюансов — запредельно объемны, и они требуют постоянного обновления собственных знаний. Разработчик и консультант Александр Усков рассказывает про различные аспекты…

Подробнее
Фронтенд-новости №3. Node.js v18.0.0, аннотации типов в JavaScript, СSS Toggles

Фронтенд-новости №3. Node.js v18.0.0, аннотации типов в JavaScript, СSS Toggles

Дайджест новостей из мира фронтенд-разработки за последнюю неделю 18 — 24 апреля 2022. Появились первые рабочие черновики WebAssembly Core Specification 2.0 — стандарт, описывающий безопасный низкоуровневый код, WebAssembly JavaScript Interface 2.0 — стандарт взаимодействия API JavaScript с WebAssembly и WebAssembly Web API 2.0 — стандарт интеграции WebAssembly с остальной веб-платформой. Chromium начинает экспериментальное прототипирование CSS Toggles. CSS Toggles - декларативный…

Подробнее
Как победить scroll в javascript

Как победить scroll в javascript

Привет, Хабр! В этой статье я хочу поделиться с вами головной болью, с которой я сталкивался при работе со скроллом и различными путями решения данных проблем. Я считаю, что в итоге получилось достаточно неплохое руководство для начинающих разработчиков, также включающее в себя ряд полезностей и для более опытных коллег. В частонсти, в статье рассмотрены следующие вопросы: - Как сделать таблицу с фиксированной шапкой и скроллом в body? - Как быть, когда cодержимое таблицы съезжает…

Подробнее
[Перевод] Более 15 полезных инструментов для фронтендера с уклоном в CSS

[Перевод] Более 15 полезных инструментов для фронтендера с уклоном в CSS

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

Подробнее
Выше 90 баллов PageSpeed на WordPress — это реально

Выше 90 баллов PageSpeed на WordPress — это реально

С июля 2018 Google начали учитывать скорость страниц в выдаче. В ноябре 2019 года они добавили отчет о скорости страниц в личный кабинет Web Search Console. В июне 2021 они ужесточили критерии PageSpeed, подняв влияние Total Blocking Time (TBT) с 25% до 30% и Cumulative Layout Shift (CLS) с 5% до 15%. Читать далее

Подробнее
Современное SEO: качество страниц

Современное SEO: качество страниц

В конце мая с. г. в Google сообщили, что теперь они намерены в алгоритм ранжирования сайтов ввести понятие "качества страницы" (page experience). А в понятие качества страницы они включили: скорость загрузки страницы, интерактивность (т.е. например, чтобы кнопка быстро приобретала способность нажиматься), и стабильность контента во время загрузки (т.е. вы не должны случайно нажимать кнопки или ссылки из-за того что всё на экране прыгает пока страница грузится). Кроме того страница должна

Подробнее
[recovery mode] Для тех, кто покупает ссылки

[recovery mode] Для тех, кто покупает ссылки

Статья не про «работают или не работаю ссылки», а для тех, кто занимается их покупкой или хочет самостоятельно начать это делать. В ней я дам некоторые рекомендации, опираясь на свой опыт по ссылочным биржам. На рассмотрение возьмем трех представителей. Общее правило — если вы не хотите бесплатно ссылку на этом сайте — не покупайте. 1. trastik.com Хочу более подробно написать о данной площадке, поскольку узнал о ней не так давно (ранее просто не было нужны в доп. биржах). Распишу без…

Подробнее
[Перевод] Как SEO-оптимизация и алгоритмы Google уничтожили настоящий интернет

[Перевод] Как SEO-оптимизация и алгоритмы Google уничтожили настоящий интернет

Примечание от переводчика: этот текст — перевод-компиляция двух небольших англоязычных заметок, которые автор почему-то разделил на два разных текста. Я уверен, что логически они связаны и представляют некоторую ретроспективную ценность. В первую очередь тем, что оспаривают устоявшееся мнение о том, что раньше интернет был похож на бурлящий котел, первичный бульон, а сейчас он — стройный, понятный и с каждым годом становится все лучше. Конечно, местами автор перегибает палку, но во многом с

Подробнее
[Перевод] Ускоряем фронтенд. Когда много запросов к серверу — это хорошо

[Перевод] Ускоряем фронтенд. Когда много запросов к серверу — это хорошо

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

Подробнее
Оптимизация картинок на сайте - для чайников

Оптимизация картинок на сайте - для чайников

Как массово оптимизировать размер картинок на сайте для ускорения загрузки страниц? Ручное пересохранение каждой картинки отдельно - не предлагать. Нужен скрипт оптимизации изображения на сайте - запустил его и вжик... получил результат. Чем меньше действий от пользователя требуется - тем лучше. И такой сервис уже есть. OptiPic - сервис автоматически найдет и сожмет все изображений практически без вашего участия.

Подробнее