Здравствуйте, меня зовут Александр Зеленин и я веб-разработчик. Я расскажу, как сделать так, чтобы ваш сайт открывался быстро. Очень быстро.
Рубрика «Клиентская оптимизация» - 19
Я хочу, чтобы сайты открывались мгновенно
2015-12-28 в 9:30, admin, рубрики: DNS, html, TTI, Веб-разработка, высокая производительность, ищу работу, Клиентская оптимизация, кэширование запросов, оптимизация сайта, с новым годом, Серверная оптимизация, скорость загрузки, скорость загрузки сайта, Совершенный код2Mb веб-страницы — кого винить?
2015-06-20 в 17:03, admin, рубрики: css, html, javascript, web-разработка, Веб-разработка, Клиентская оптимизация, оптимизация сайтаЯ надеялся, что это было временно. Я надеялся, что 2015 год будет годом производительности. Я ошибался. Средний вес веб-страницы возрос на 7.5% за пять месяцев, превысив 2Mb. Для этого же потребуется три 3.5-дюймовые дискеты двойной плотности!
Согласно отчёту на HTTP Archive за 15 мая 2015, статистика, собранная на почти половине миллиона веб-страниц, такова:
Читать полностью »
Web Bundle — дело RarJPEG живет
2015-04-04 в 12:09, admin, рубрики: javascript, rarjpeg, rarpng, Веб-разработка, Клиентская оптимизация, ресурсы, упаковка в контейнеры, метки: JavaScript На днях состоялся первый релиз набора инструментов для упаковки различных веб-ресурсов в один файл — Web Bundle. Принцип его работы точно такой же, как для ресурсов, включаемых в EXE файлы — произвольные файлы упаковываются в один файл-контейнер, а на клиентской стороне доступ к ним организуется по имени файла с помощью API. Только в данном случае в качестве контейнера используется изображение в формате PNG. Клиентская часть представляет из себя небольшую JS-библиотечку, позволяющую загружать, декодировать и извлекать отдельные файлы из таких ресурсов.
Читать полностью »
Сравнение онлайн-консультантов для сайта: муки выбора
2015-03-31 в 14:10, admin, рубрики: Help Desk Software, live chat, online chat, Клиентская оптимизация, онлайн-консультирование, онлайн-чат, Тестирование веб-сервисов, метки: live chat, online chat, онлайн-консультант, онлайн-консультирование, онлайн-чатСразу предупрежу, что статья не носит рекламный характер. Написана она исключительно с целью поделиться своим опытом в подборе качественного инструмента для онлайн-консультирования, так как сами, пока искали, не могли нигде найти подходящий материал с подробным анализом.
Когда мы решили завести на своих сайтах онлайн-чат, мы не очень ясно понимали, какой у него должен быть функционал. Единственное, что мы сразу четко понимали: это не будет чатик, куда любой случайный посетитель сможет написать «эй, есть кто живой?». И не такой, где отвечать на сообщения посетителей будет девочка-консультант, толком не разбирающаяся в технических особенностях нашего продукта.

Электронная цифровая подпись (ЭЦП) документов в 1С за пару кликов с использованием утилиты КРИПТО-ПРО PDF
2015-03-21 в 12:58, admin, рубрики: 1С, 1С-Битрикс, 1с:предприятие, ERP-системы, автоматизация, автоматизация бизнеса, автоматизация документооборота, автоматизация рутины, ит-инфраструктура, Клиентская оптимизация, Разработка под e-commerce, электронная цифровая подпись, эцп, метки: 1С На одном из крупных проектов возникла не совсем обычная для 1С задача. Нужно было организовать массовую отправку и подписание документов контрагентов с помощью электронной цифровой подписи. Поиск информации в справочной системе и на 1Сных форумах нужного результата не дал. Пришлось разбираться со средствами криптографии, электронными ключами и сторонними утилитами. Найденное решение оказалось простым и достаточно гибки для повторения в других проектах, поэтому хочу с вами поделиться.
Читать полностью »
3D-системы — подборка отличных способов накосячить с контентом
2015-03-17 в 5:53, admin, рубрики: 3d, Блог компании КРОК, визуализация данных, грабли, Клиентская оптимизация, контент, косяки, Работа с анимацией и 3D-графикой, метки: 3D
3D-системы используются для визуализации инженерных решений (типа обучения операторов АЭС, мониторинга там же), в нефтегазовой геологоразведке (туда идут самые дорогие иммерсионные системы), для демонстрации различных товаров (от кастомных дизайнов салонов автомобилей до типа укладки товара в грузовиках), для обучения ремонтников (можно разобрать двигатель Боинга), в медицине для обучения, а также для отработки эвакуаций и ЧС на разных ответственных объектах.
Главная проблема подготовки контента — это то, что на рынке много компаний, которые говорят «Мы умеем это делать», но не имеют своего железа по факту. Без двухнедельного тестирования, без чёткого понимания ограничений железа и просто знания особенных грабель — это не «умеем и можем», а «хотим, но не получится». Читать полностью »
Реализация обмена сообщениями между вкладками браузера
2015-02-16 в 13:25, admin, рубрики: ajax, comet, javascript, web-разработка, websockets, Блог компании Star.Comet, Веб-разработка, Клиентская оптимизацияЭто первая статья в нашем корпоративном блоге. На этот раз я расскажу о нашем решении задачи обмена сообщениями между вкладками браузера.
К примеру, мне потребовалось решить эту задачу при реализации JavaScript API к Comet сервису. Эта задача встречается достаточно часто и её уже рассматривали на хабре раньше здесь и здесь, но я решил написать своё решение задачи исходя из следующих требований к коду:
- Кросбраузерность
- Отсутствие зависимостей
- Минимальный размер кода
- Простота и удобство
Еще один способ сжатия CSS файлов
2015-02-10 в 11:56, admin, рубрики: css, javascript, Клиентская оптимизация, оптимизация
На изображении выше многие увидят известную картину. Так выглядит большинство CSS файлов на продакшене. Мы все стараемся, чтобы наши веб-страницы загружались быстро; для достижения этой цели используем различные инструменты и техники оптимизации загрузки и рендеринга страниц. Об одном, но редко используемом методе, я бы хотел поговорить и рассказать, как мне удалось сократить размер CSS файла почты mail.ru на 180Кб.
Читать полностью »
Обновление с Windows 7-8.1 до Windows 10 TP через Windows Update
2015-01-28 в 15:02, admin, рубрики: windows 7 upgrade, Windows 8.1, windows update, ит-инфраструктура, Клиентская оптимизация, системное администрированиеСогласно анонсу Windows 10 будет предложена бесплатно в качестве обновления на все Windows 7 и Windows 8.1 системы в течение первого года после публичного выхода. Как именно? Через Windows Update. Нужно понимать, что это предложение обновления, а не лицензия. То есть лицензия на Windows 7 позволит автоматически обновить систему в течение года. Серийного номера, образа, коробки или наклейки предложено не будет. При этом также обещано, что те кто обновятся сейчас на Windows 10 Technical Preview получат затем через Windows Update версию Consumer Preview, Release Preview, а далее и финальной версии. С выходом январского Windows 10 Technical Preview (10.0.9926) появилась также и небольшая утилита для Windows 7 и Windows 8.1, после установки которой, Windows 10 приходит на ваш ПК в виде обновления. Именно об этом я и буду рассказывать ниже.
Для тех, кто хочет попробовать Windows 10 Technical Preview уже сейчас, буду неоригинальным, — это предварительная версия, часть функционала не работает, могут возникнуть проблемы с драйверами и сторонним ПО. Продолжаем. Если вы хотите обновить ваш Windows 7 до Windows 10, загрузите специальную утилиту Prepare с сайта Microsoft, для Windows 8.1 существует аналогичная утилита подготовки.
Я буду показывать процесс обновления для русской Windows 7 Professional, английской Windows 8.1 Single Language и английской 8.1 Professional with MediaCenter. Сразу скажу, медиацентр не переживёт обновления, — текущая версия Windows 10 Technical Preview его не поддерживает и обновит на обычный Windows 10 Professional TP. Тем, кому важен Windows MediaCenter рекомендую дождаться Consumer Preview или более новых сборок. Читать полностью »