Cackle

9 posts published

Оптимизация загрузки сайта. Jquery vs VanillaJS
Dom

Оптимизация загрузки сайта. Jquery vs VanillaJS

В предыдущей статье мы разобрались с сетевыми ресурсами, выяснили что переход на http/2 позволяет быстрее загружать ресурсы, а в данной статье посмотрим на те ресурсы, что мы загружаем. Как загружается страница в браузере Сначала загружается html страница, далее если приоритет не указан и используется http/1, то идет загрузка

Изменяем надписи виджета комментариев

Виджет комментариев возможно использовать не только по основному назначению, но и как любые другие формы, например "задать вопрос", "риал-тайм чат". Для этого на виджете можно изменить подписи,  добавив объект msg при инициализации виджета. Пример: cackle_widget.push({ widget: 'Comment', id: ваш виджет id, msg: { placeholder: 'Ваш вопрос?', submit: 'Спросить',

Как увеличить загрузку мобильного сайта: декомпозиция загрузки

Как увеличить загрузку мобильного сайта: декомпозиция загрузки

Даже при среднем 4G(или хорошем 3G) мобильном соединении в 5-10 мбит/с  средний мобильный сайт (1896 КБ) должнен загружаться не более чем за 2 секунды. Но почему же тогда практический любой сайт, открываемый на мобильном грузится довольно долго? Наверное вы замечали, что серфинг на мобильном значительно отличается от desktop.

JAMStack:  Headless CMS
JAMStack

JAMStack: Headless CMS

JAMStack держится на двух китах: SSG (Static Sites Generators) и Headless Cms. SSG генерит все страницы сайта при любом изменении контента, а Headless Cms репозиторий контента, который может быть запрошен через API и основная цель которого хранить и передавать данные по запросу. Термин Headless произошел от того, что head (например

Как увеличить скорость загрузки PWA сайта в 3 раза. Часть 1. Сетевые ресурсы.

Как увеличить скорость загрузки PWA сайта в 3 раза. Часть 1. Сетевые ресурсы.

В прошлой статье мы поговорили про прогрессивные сайты, посмотрели кейсы как переход на pwa, а именно ускорение загрузки сайта для пользователей позволяет увеличивать конверсии и вовлеченность аудитории. Давайте проверим как быстро грузится ваш сайт? Проверить просто: открываем консоль хрома Command+Option+I (Mac) or Control+Shift+I (Windows, Linux), переходим

Прогрессивные веб приложения (Progressive Web Apps (PWAs))

Прогрессивные веб приложения (Progressive Web Apps (PWAs))

Прогрессивные веб приложения (progressive web app) это обычные веб приложения которые используя современные веб технологии добиваются следующих целей: 1) Надежность. Когда пользователь загружает приложение со своего домашнего экрана, то оно загружается сразу внезависимости от наличия сети. Это происходит благодаря Service worker, который является клиентским прокси и контролирует запросы между приложением

JAMstack - новая архитектура веб-разработки

JAMstack - новая архитектура веб-разработки

JAMstack - современная архитектура веб-разработки. JAMstack предлагает генерировать html только один раз при изменении контента. Никакой генерации шаблонов runtime(на лету). Размещать такой сайт можно на любом файловом хостинге, cdn. От хостинга не требуется ни баз, ни поддержки языков программирования и/или фрейморков. Остальной функционал возлагается на микросервисы. Преимущества: простота

Правила хорошего тона для  email рассылок

Правила хорошего тона для email рассылок

Совершенно неважно, что мы выбирем для доставки писем свой сервер (например, postfix, haraka) или сторонний сервис (mailchimp, amazon ses). Правила доставки для всех серверов доставки одинаковые, и применяются автоматизированными системами. Есть мнение, что использование платных сервисов доставки гарантирует хороший % доставки. В большинстве случаев это так и есть. И вот почему.

Новый плагин для Joomla

В новом плагине для Joomla теперь наконец-то появился компонент с помощью которого можно в ручном режиме синхронизировать и экспортировать комментарии из Jcomments. Ссылка на плагин Joomla Всем клиентам использующим предыдущую версию плагина рекоммендуется обновиться на новую версию. Что нового? Добавлена панель управления компонентом. Изменился внешний вид - angular material design,