Быстрые победы для повышения производительности и безопасности вашего сайта

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

Реализация сервисный работник для одностраничных приложений WordPress сайтов

Через сервисных работников все рамки и код приложения для вывода HTML-представления могут быть предварительно сдвилены в браузере, что ускоряет как первую значимую краску, так и время взаимодействия. В этой статье я поделюсь своим опытом с реализацией сервисных работников для PoP, SPA сайт, который работает на WordPress, с целью ускорения времени загрузки и предоставления автономных возможностей.

Представляем инструмент анализа изображений теста скорости веб-сайта

Веб-разработчики проводят свои дни написания гипертекста, но, байт для байта, большая часть Интернета состоит из изображений. Трудно переоценить влияние изображений на производительность средней веб-страницы; более быстрые веб-сайты имеют более широкий охват и более высокое влияние. Первое и самое главное, что вы можете сделать, чтобы улучшить производительность изображения вашего сайта, это выяснить, как их измерить.
Введите веб-сайт Speed Test, бесплатный и дроп-мертвый простой инструмент, который использует наши (Cloudinary’s) изображение ум, чтобы позволить вам измерить, диагностировать и (критически) сообщить о производительности изображения любого веб-сайта. А еще лучше, он построен на вершине, и интегрированы в, Пэт Минан в WebPagetest. Заинтересованы? Читайте дальше!

Достижение Millennials: Мобильный маркетинг тенденции и методы

Средний американец тратит не менее пяти часов в день на свой смартфон. Итак, почему это так трудно сделать мобильные объявления работы? Маркетологи трудяются за клики и конверсии на весьма целевых объявлений, но пользователи, устали от навязчивых баннеров, держать установку блокировщиков объявлений. С $ 100 млрд в ежегодных мобильных расходов на рекламу на карту, кто-то должен выяснить способ исправить это отключение.

Создание лучше, быстрее и более оптимизированные WordPress веб-сайты

Потребители, как правило, имеют свой собственный опыт, когда дело доходит до веб-хостинга и их собственное мнение. Если вы ищете Google для отзывов для любого веб-хостинга провайдера вы найдете десятки результатов.
Как правило, есть намного больше негативных отзывов, чем положительные. Я думал, я бы флип, что вокруг и поделиться некоторыми WordPress хостинг проблемы с точки зрения WordPress хозяина и как я часто их решения.

Пусть сеть доставки контента оптимизирует ваши изображения

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

Джекилл для разработчиков WordPress

Джекилл набирает популярность как легкая альтернатива WordPress. Он часто получает pigeonholed как инструмент разработчики используют для создания своего личного блога. Это только верхушка айсберга — он способен на многое другое!
В этой статье мы возьмем на себя роль веб-разработчика, строящем веб-сайт для вымышленной юридической фирмы. WordPress является очевидным выбором для веб-сайта, как это, но это единственный инструмент, который мы должны рассмотреть? Давайте посмотрим на совершенно другой способ создания веб-сайта, используя Jekyll.

AMP для розничных торговцев: Стоит ли это?

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

Обзор платформ электронной коммерции

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

Как улучшить UX формы биллинга в один день

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

Лучшие практики для анимированных индикаторов прогресса

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

Сжатие сервера нового поколения с Brotli

Скорее всего, довольно хорошо, что вы работали с, или, по крайней мере понять концепцию, сжатие сервера. Сжимая ресурсы веб-сайта на сервере до перевода их в браузер, мы смогли добиться существенного увеличения производительности.
В течение довольно продолжительного времени, почтенный алгоритм gzip был идти к решению для уменьшения размера страницы активов. Новый ребенок на блоке был получить поддержку в современных браузерах, и его имя Brotli. В этой статье вы получите практический с Brotli, написав Node.js питанием HTTP сервер, который реализует этот новый алгоритм, и мы сравним его производительность gzip.

WordPress Отзывчивые изображения с художественным направлением

Поддержка отзывчивых изображений была добавлена в ядро WordPress в версии 4.4 для решения случая использования для выбора изображений на основе viewport, где браузер запрашивает размер изображения, который наилучшим образом соответствует макету для его конкретного viewport.

Реагировать родной для Интернета: Заглянуть в будущее

Одним из самых трудных решений при запуске нового приложения является то, какие платформы для целевой. Мобильное приложение дает вам больше контроля и лучшей производительности, но не так универсально, как в Интернете. Если вы делаете мобильное приложение, можете ли вы позволить себе поддерживать как iOS, так и Android?
Как насчет того, чтобы построить мобильное приложение и отзывчивое веб-приложение? В конечном счете, лучший опыт для ваших клиентов для вашего приложения, чтобы работать везде, но разработка и техническое обслуживание, что может быть непомерно высоким.

Оптимизация производительности критических путей с помощью экспресс-сервера и руля

В последнее время я работаю на изоморфных React сайте. Этот веб-сайт был разработан с использованием React, работая на сервере Express. Все шло хорошо, но я все еще не был удовлетворен нагрузкой блокировки CSS расслоение. Итак, я начал думать о вариантах реализации техники критического пути на сервере Express.
Эта статья содержит мои заметки об установке и настройке оптимизации производительности критического пути с использованием Express и Handlebars. На протяжении всей этой статьи, я буду использовать Node.js и Express. Знакомство с ними поможет вам понять примеры.