оптимизация сайта

  • Хабрахабр

    Лицемерие google. PageSpeed Insights

    Google Page Speed Insights — это сервис от гугла, который позволяет определить производительность сайта и дает рекомендации по его оптимизации. Очень важно понимать, что это всего лишь рекомендации! Некоторые воспринимают эти рекомендации настолько серьезно, что готовы реализовать все что там написано в ущерб функционалу своего сайта, что в итоге может даже навредить. Но это довольно сложная тема с множеством нюансов,…

    Подробнее »
  • Хабрахабр

    Профилируем загрузку Хабра или как влияют 189 запросов на рендер страницы

    И вот, зайдя очередной раз на Хабр, подумал, что привык воспринимать довольно быструю загрузку ресурса как данность, даже не задумываясь о том, как этого удалось добиться. Некоторое время назад я заинтересовался производительностью веб-сайтов, оптимизациями загрузки и тому подобными вещами. Для тех, кому интересно узнать, что было сделано что бы мы получали контент как можно быстрее и как выглядит загрузка Хабра…

    Подробнее »
  • Хабрахабр

    Хватит паранойи или почему вам не светит 100 баллов в Page Speed

    Йо-йо! Отличная штука SEO. Никто не знает, что делать наверняка, почему сайт «не в топ» и почему онлайн-бизнес не работает. И в поисках истинной причины владельцы сайтов становятся как сорокалетние тётушки, которые верят всякой ерунде цыганок на рынке. И вот взяв в руки клавиатуру и набрав запрос в поисковике они видят «магический совет» — «100 баллов по google page speed…

    Подробнее »
  • Хабрахабр

    Делаем Modern Build

    Привет, Хабр! Каждый современный браузер сейчас позволяет работать с ES6 Modules. Но если покопаться в спецификации, окажется, что благодаря ним можно подвезти отдельную сборку для современных браузеров. На первый взгляд кажется, что это совершенно бесполезная вещь — ведь все мы пользуемся сборщиками, которые заменяют импорты на свои внутренние вызовы. Под катом рассказ о том, как я смог уменьшить размер приложения…

    Подробнее »
  • Хабрахабр

    Оптимизируем веб с Виталием Фридманом: скорость загрузки, память, CPU

    Это второй пост о всевозможных трюках во фронтенд-разработке. В нем затронут вопрос оптимизации сайта, скорости его загрузки на устройствах с недостаточным объемом оперативной памяти и медленным CPU. Плюс рассказ об особенностях верстки email-рассылок, который вас немало удивит. Отдельный разговор про инструменты, которые помогут ускорить и контролировать работу сайта и сторонних приложений, которые к нему подключены. В основе материала — расшифровка…

    Подробнее »
  • Хабрахабр

    [Из песочницы] 4 совета для оптимизации webpack-приложения

    Всем привет! Приступим! За время моей работы с вебпаком у меня накопилась пара интересных советов, которые помогут вам приготовить отлично оптимизированное приложение. 1. Используйте fast-async вместо regenerator-runtime Обычно, разработчики используют @babel/preset-env, чтобы преобразовывать весь современный синтаксис в ES5. С этим пресетом пайплайн преобразований асинхронных функций выглядит так:Исходная асинхронная функция -> Генератор -> Функция, использующая regenerator-runtime Пример 1. Исходная асинхронная функция…

    Подробнее »
  • Хабрахабр

    Как работает Headless Chrome

    Уже из названия понятно, что headless-браузер — это нечто без головы. В контексте фронтенда — это незаменимый инструмент разработчика, с помощью которого можно тестировать код, проверять качество и соответствие верстке. Виталий Слободин на Frontend Conf решил, что необходимо познакомиться с устройством этого инструмента поближе. Вторая часть про Puppeteer — удобную Node.js-библиотеку для управления Headless-режимом в Google Chrome и Chromium. Под катом компоненты и особенности работы Headless Chrome, интересные сценарии использования Headless Chrome.…

    Подробнее »
  • Хабрахабр

    Урок по оптимизации серверной части веб-приложений

    Меня зовут Алексей Приставко, я директор по веб-проектам в компании DataLine. Привет, Хабр! Моя сегодняшняя статья посвящена тому, как исправить или предотвратить проблемы с производительностью бэк-энда веб-приложений. Речь пойдет о том, как оптимизировать веб-приложения, которые страдают от хронических проблем с масштабируемостью, производительностью или надежностью.Всем заинтересовавшимся – добро пожаловать под кат!  Терминология Давайте для начала разберемся в терминологии. Говоря о производительности…

    Подробнее »
  • Хабрахабр

    Как избежать проблем с производительностью при создании React-приложений

    О производительности react React не зря считается очень производительным фреймворком. Он позволяет создавать быстрые динамические страницы с большим количеством элементов. Но бывают ситуации, когда элементов на странице становится очень много и встроенной производительности react не хватает. Тогда приходится применять различные приемы для оптимизации. Страница, написанная на react, состоит из отдельных компонентов. Каждый из них отвечает за внешний вид какой-то определенной…

    Подробнее »


Кнопка «Наверх»
Закрыть