Всем привет!
За время моей работы с вебпаком у меня накопилась пара интересных советов, которые помогут вам приготовить отлично оптимизированное приложение. Приступим!
Рубрика «оптимизация сайта» - 2
4 совета для оптимизации webpack-приложения
2018-10-03 в 12:24, admin, рубрики: fast-async, gsap, javascript, null-loader, webpack, webpack 4, Клиентская оптимизация, оптимизация сайта, Разработка веб-сайтовКак работает Headless Chrome
2018-09-05 в 13:01, admin, рубрики: frontendconf, headless browser, javascript, node.js, Блог компании Конференции Олега Бунина (Онтико), оптимизация сайта, Разработка веб-сайтов, тестированиеУже из названия понятно, что headless-браузер — это нечто без головы. В контексте фронтенда — это незаменимый инструмент разработчика, с помощью которого можно тестировать код, проверять качество и соответствие верстке. Виталий Слободин на Frontend Conf решил, что необходимо познакомиться с устройством этого инструмента поближе.
Под катом компоненты и особенности работы Headless Chrome, интересные сценарии использования Headless Chrome. Вторая часть про Puppeteer — удобную Node.js-библиотеку для управления Headless-режимом в Google Chrome и Chromium.
О спикере: Виталий Слободин — бывший разработчик PhantomJS — тот, кто закрыл его и похоронил. Иногда помогает Константину Токареву ( annulen) в «воскрешенной» версии QtWebKit — том самом QtWebKit, где есть поддержка ES6, Flexbox и многие других современных стандартов.
Виталий любит исследовать браузеры, в свободное время копаться в WebKit, Chrome и прочее, прочее. Про браузеры сегодня и поговорим, а именно про безголовые браузеры и всю их семейку призраков.Читать полностью »
Семинар «Чёрная пятница в e‑commerce. Секреты выживания», 16 августа, Москва
2018-08-09 в 7:03, admin, рубрики: e-commerce, Блог компании DataLine, высокая производительность, мониторинг сайта, нагрузочное тестирование, оптимизация, оптимизация сайта, Разработка веб-сайтов, Разработка под e-commerce, Серверная оптимизация, техподдержка сайта, черная пятница
Привет! Мы начинаем новый сезон Университетов DataLine.
Открывать сезон будет необычный семинар. Большую часть времени мы будем отвечать на вопросы и дискутировать с вами.
Мы поговорим о подготовке сайта к росту трафика и обсудим как технические, так и организационные тонкости этого процесса.
Читать полностью »
Учим wordpress (и не только) отрисовывать быстро Youtube плееры
2018-07-22 в 11:43, admin, рубрики: php, wordpress, YouTube, оптимизация сайта, плагины для wordpress, Повышение конверсии, Разработка веб-сайтов
Я вспомнил сайт одного старого приятеля-программиста, у которого в ленте сайта один хип-хоп, лет 6 назад он плевался на скорость загрузки страниц: «да-да-да, надо переделать, да ничего сложного там нет...» а вот зашел сейчас — все по-старому :-) Не смотря на простые технические решения, допускаю, что не только у меня есть такой приятель. Поэтому эта маленькая техническая заметка.
Урок по оптимизации серверной части веб-приложений
2018-06-19 в 8:21, admin, рубрики: Администрирование баз данных, администрирование веб-серверов, Блог компании DataLine, масштабирование, масштабирование веб-приложений, оптимизация, оптимизация сайта, Серверная оптимизация, системное администрирование
Привет! Меня зовут Алексей Приставко, я директор по веб-проектам в компании DataLine. Моя сегодняшняя статья посвящена тому, как исправить или предотвратить проблемы с производительностью бэк-энда веб-приложений.
Речь пойдет о том, как оптимизировать веб-приложения, которые страдают от хронических проблем с масштабируемостью, производительностью или надежностью.
Всем заинтересовавшимся – добро пожаловать под кат!
Читать полностью »
firebase.js ПРОСТО ОГРОМНЫЙ (и что мы можем с этим сделать)
2017-12-08 в 14:05, admin, рубрики: ES6, javascript, ReactJS, webpack, Клиентская оптимизация, оптимизация сайта, Разработка веб-сайтовОн действительно огромный — просто посмотрите на него:
Эта штука весит 103кб (в сжатом виде). Больше чем код приложения — интернет-магазин -(58kb) и сравнима со всем остальным кодом в vendor бандле (156kb) — включающем react, react-dom, react-router, moment.js, lodash и кучу других библиотек. Что еще хуже — firebase нужен не на всех страницах, и очень часто не нужен к моменту загрузку сайта.
А вы знаете скорость загрузки вашего сайта с мобильных устройств? Самое время разобраться
2017-03-23 в 10:23, admin, рубрики: IT-стандарты, Анализ и проектирование систем, Блог компании HOSTING.cafe, время загрузки, оптимизация сайта, Разработка веб-сайтов, Тестирование веб-сервисов, метки: время загрузки
Выясните, сколько времени потребуется для загрузки страницы на мобильных устройствах из разных регионов.
Читать полностью »
6 нестандартных приемов для улучшения производительности и безопасности сайта
2017-02-15 в 10:43, admin, рубрики: Блог компании HOSTING.cafe, виртуализация, оптимизация сайта, Серверная оптимизация, Серверное администрирование, системное администрированиеСкорость и безопасность – основные критерии успеха электронного бизнеса. Когда на загрузку сайта уходит больше 3 секунд, вы лишаетесь потенциального дохода и теряете позиции в рейтингах поисковых систем. А когда сайт недостаточно защищен, у взломщиков открывается возможность нанести удар по вашей репутации и прибыли.
Когда речь заходит об оптимизации производительности, чаще всего упоминается использование сжатия, минимизация размера файлов, кэширование, использование облегченного кода тем, шаблонов, плагинов, расширений и т.д.
Если говорить о безопасности, то с ней в первую очередь ассоциируются соответствующие расширения, использование файрвола для веб-приложений, обновление устаревших компонентов.
Все эти методы вполне приемлемы, но вместе с ними можно использовать и следующие.
Нижеперечисленное подходит для любой платформы, в том числе WordPress, Joomla, Magento, Drupal, Node.js и пр. Посмотрим, с какими подходами вы уже знакомы, а с какими — нет.
Как я сделал самый быстрый сайт в Таиланде
2017-01-21 в 17:18, admin, рубрики: PageSpeed, оптимизация сайта, Разработка веб-сайтов, фронт-энд
Предисловие
Заняться этим проектом и написать эту статью вдохновил меня "молодой и шутливый человек который ускорял страницу с reactjs". Если кто-то помнит нашумевшую в своей время статью от сайта pingdom.com, о том что "Страницы в интернете прилично обросли жиром" их вывод складывался к тому, что раньше к весу страницы в основном добавляли изображения, теперь к этому "жиру" накинули и JavaScript. Страница шутливого молодого человека не дает особой практической пользы — больше разминка для его мозгов. Я же решил помочь своей девушке с продажей самого популярного продукта из ее ассортимента.
Анимации на GPU: делаем это правильно
2016-12-09 в 15:22, admin, рубрики: animations, css, gpu, Блог компании Одноклассники, Клиентская оптимизация, оптимизация сайтаДумаю, все уже знают, что современные браузеры умеют рисовать некоторые части страницы на GPU. Особенно это заметно на анимациях. Например, анимация, сделанная с помощью CSS-свойства transform выглядит гораздо приятнее и плавнее, чем анимация, сделанная через top/left. Однако на вопрос «как правильно делать анимации на GPU?» обычно отвечают что-то вроде «используй transform: translateZ(0) или will-change: transform». Эти свойства уже стали чем-то вроде zoom: 1 для IE6 (если вы понимаете, о чём я ;) для подготовки слоя для анимации на GPU или композиции (compositing), как это предпочитают называть разработчики браузеров.
Однако очень часто анимации, которые красиво и плавно работали на простых демках, вдруг неожиданно начинают тормозить на готовом сайте, вызывают различные визуальные артефакты или, того хуже, приводят к крэшу браузера. Почему так происходит? Как с этим бороться? Давайте попробуем разобраться в этой статье.