Category : javascript

javascript
Как ускорить загрузку сайта: гайд для разработчиков

Привет! Меня зовут Руслан, и я работаю React-разработчиком в компании SimbirSoft. На одном из моих проектов я столкнулся с проблемой низкой производительности сайта, которую нужно было решить быстро и с минимальными затратами ресурсов. В этой статье я хочу рассказать о том, почему важна производительность сайта и зачем её нужно улучшать, а также поделиться несколькими способами увеличения скорости загрузки веб-страниц.Основные метрики Core Web Vitals и их влияние на пользовательский опытСогласн…

  • среда, 19 февраля 2025 г. в 00:00:04
javascript
От первого байта до конверсии: большой гайд по ускорению сайта

preview.jpgБыстрый сайт - что-то очень очевидное и простое - сайт загружается быстро и не зависает. “3 секунды ожидания и вы начинаете терять пользователей” - пожалуй это правило слышал любой веб-разработчик. Но это правило лишь вершина айсберга - как в вопросе причин потери клиентов, так и в реальном результате.Статья является комплексным сборником информации о производительности. От причин и истории создания первых инструментов анализа, до современных проблем и универсальных улучшений сайта.Ф…

  • среда, 19 февраля 2025 г. в 00:00:03
javascript
Я делаю тестовые лучше тебя! 1/3 (фронтенд)

Я и сам до конца не знаю, является ли заголовок статьи кликбейтом или нет. Разберёмся в комментариях. Только давайте по-честному! Согласен с тезисами — напиши, что статья огонь, поставь лайк и всё такое. Не согласен — аргументируй, а не просто: «бред»! Есть что добавить (идеи, фишечки) — добро пожаловать в комментарии.Привет, меня зовут Андрей Шпилевский, и в этой статье я расскажу, почему я делаю тестовое лучше большинства, а также дам советы, как проходить этот этап быстро и максимально эффек…

  • вторник, 18 февраля 2025 г. в 00:00:08
javascript
Об Equality Algorithms

Задумывался ли ты когда-нибудь о том, как работает сравнение в javascript под капотом? Я - нет. Но в один прекрасный день, проходя чеклисте по JS на roadmap.sh, я наткнулась на пункт Equality Algorithms, помеченную как Advance. Благодаря этому, я решила разобраться в данной теме получше и написать небольшую заметку. Здесь не будет подробного разбора, а лишь краткие выжимки, блок‑схемы и обобщения, которые я вынесла для себя, изучая спецификации и прочие ресурсы (список я оставлю в конце). Вероя…

  • вторник, 18 февраля 2025 г. в 00:00:07
javascript
Чеклист для tsconfig.json

В этой статье я расскажу о настройках TypeScript, определяемых в файле tsconfig.json, которых я использую в своих проектах. ❯ 1. Возможности, не затрагиваемые в этой статье В этой статье описывается в основном настройка проектов, в которых все локальные модули являются ESM. Мы почти не будем говорить об импорте CommonJS. Также мы не будем говорить о следующем: импорт и проверка типов обычного JavaScript — настройках allowJs и checkJs настройка JSX. См. раздел "JSX" карманной книги п…

  • вторник, 18 февраля 2025 г. в 00:00:06
javascript
Реверс-инжиниринг 128-битного дракона

КДПВ для этой статьи сгенерировала программа размером всего в 16 байтов. Под катом разберёмся в том, как в столь скромном объёме сумел спрятаться дракон и какие силы поддерживают его жизнь. Для лучшего понимания происходящего мы портируем эту красоту на JavaScript. О чём речь? Программа была опубликована её автором в 2018 году на сайте Code Golf Stack Exchange и стала самой миниатюрной среди всех конкурсантов. С технической точки зрения это исполнимый файл для MS-DOS в формате COM, которы…

  • вторник, 18 февраля 2025 г. в 00:00:05
javascript
Введение в WebSocket и Socket.IO

В современном веб-разработке многие приложения требуют мгновенного обмена данными между клиентом и сервером. Чаты, уведомления, совместное редактирование документов, онлайн-игры – все они нуждаются в эффективном канале связи. В этой статье мы разберём, зачем нужен WebSocket, как он работает, в чём его преимущества и недостатки, а также почему библиотека Socket.IO становится удобным инструментом для реализации реального времени в приложениях.СодержаниеВведениеКак работает WebSocket?Альтернативы …

  • воскресенье, 16 февраля 2025 г. в 00:00:04
javascript
Поддержка webextensions под Андроид

Добрый день! Меня зовут Тимур и я программист. Сегодня я хочу представить очередную свою работу, точнее рабочий черновик. Да, я в курсе — дураку полработы не показывают, но так и на хабре то не дураки сидят. Итак, сегодня я расскажу как перенес поддержку webextensions в chromium под Андроид, что работает а что не работает, как пользоваться тем что работает и когда будет работать то что не работает. Обзор Код доступен тут, лицензия BSD, все по честному. Немного предистории. Браузеров на базе хр…

  • суббота, 15 февраля 2025 г. в 00:00:07
javascript
Three.js с нуля на практике: как за несколько часов создать аркадную 3D-игру. Часть 1

Привет! На связи Кристина, фронтенд-разработчик в отделе рекламных спецпроектов KTS.Наша команда создает визуально эффектные проекты, цель которых — привлечь внимание пользователей. Мы постоянно экспериментируем с разными технологиями и подходами, и вот, наконец, добрались до 3D-анимаций. Недавно я начала изучать Three.js и хочу поделиться своим опытом.В сети есть множество статей и уроков по Three.js для начинающих, но большинство из них — это теоретический материал. Я же хочу показать, как со…

  • суббота, 15 февраля 2025 г. в 00:00:06