fucking awesome wpo
1.0.0
Добро пожаловать в куратор ресурсов оптимизации веб -производительности. Этот репозиторий направлен на то, чтобы собрать лучшие инструменты, статьи, блоги, книги и разговоры, связанные с оптимизацией производительности веб -сайта. Независимо от того, являетесь ли вы разработчиком, дизайнером или энтузиастом производительности, вы найдете здесь ценный контент, чтобы перегружать ваши веб -проекты.
Потрясающий WPO / статьи
? Потрясающие WPO / блоги
Потрясающий WPO / книги
Потрясающий WPO / DOCS
? Потрясающий WPO / события
? Потрясающий WPO / Talks
Вот краткий обзор категорий, представленных в этой коллекции:
Перейти к статьям.md.
Зайдите в блоги.
Лучшие книги о WPO
Потому что сообщество имеет значение!
Они классифицируются на содержание/встречи .md.
Они классифицируются на содержание/разговоры. МД.
872 100? Признаться) - использует Phantomjs для безголовного анализа веб -страниц и генерации манифестов.28533 9406? Маяк) - Инструмент по показателям аудита и производительности для прогрессивных веб -приложений.2205 382? YSLOW) - YSLOW анализирует веб -страницы и предлагает способы повышения их эффективности на основе набора правил для высокопроизводительных веб -страниц.35 3? Grunt -WebpageTest) - Grunt Plugin для непрерывного измерения веб -пакета. (Демонстрация)91 15? Grunt -yslow) - Grunt Задача для тестирования Performance с использованием Phantomjs, безголового браузера Webkit.856 37? Grunt -perfbudget) - задача Grunt.js для обеспечения соблюдения бюджета эффективности? Подробнее о бюджетах эффективности).2641 200? Структура веб -отслеживания) - Структура веб -отслеживания - это набор библиотек, инструментов и визуализаторов для отслеживания и исследования сложных веб -приложений2469 280? Yandex.tank) - расширяемый инструмент тестирования нагрузки с открытым исходным кодом для продвинутых пользователей Linux, который особенно хорош в рамках автоматического набора для тестирования нагрузки.1865 23? Speed Racer) - Соберите метрики производительности для вашей библиотеки/приложения с помощью Chrome без головы.9 6? Node -yslowjs) - yslow.js на node.js - это простая обертка node.js для программного запуска phantomjs yslow.js.3105 126? PSI) - PageSpeed Insights для node.js - с отчетностью.4474 180? Bundlesize) - держите свой размер пакета под контролем.3846 101? Источника-карты)-анализ и использование пространства пакета отладки с помощью исходных карт.12605 489? WebPack Bundle Analyzer) - плагин WebPack и утилита CLI, которые представляют содержимое пакета как удобный интерактивный Zoomable TreeMap.4 1? Lasso -Analyzer) - анализировать и визуализировать комплексы проектов, созданные Lasso.1413 108? Плагин сжатия WebPack) - Подготовьте сжатые версии активов, чтобы обслуживать их с кодированием контента.583 20? Bundlestats) - генерируйте отчет о пакетах (размер пакета, активы, модули, пакеты) и сравните результаты между различными сборками 573 21? CSS -perf) - совершенно ненаучный способ тестирования производительности CSS. Большинство из этих тестов будут вращаться вокруг методологий и методов определения эффективной архитектуры CSS. Иными словами, я хочу знать, что работает лучше всего, учитывая конкретное сравнение стратегий CSS. Набор инструментов для создания тестовых случаев и сравнения различных реализаций в JavaScript.
Temporarily out, follow this issue for updates: https://github.com/jsperf/jsperf.com/issues/537166 15? Jslitmus) - Jslitmus - это легкий инструмент для создания Ad -Hoc JavaScript Benchmark Tests.563 37? Matcha) - Matcha позволяет вам разрабатывать эксперименты, которые будут измерять производительность вашего кода. Рекомендуется, чтобы каждая скамья сосредоточилась на определенной точке воздействия в вашем приложении.1496 113? Timing.js) - Timing.js - это небольшой набор помощников для работы с API навигации, чтобы определить, где ваше приложение тратит свое время. Полезно в качестве автономного сценария, фрагмента Devtools или закладка.8780 1201? Stats.js) - Этот класс предоставляет простое информационное поле, которое поможет вам контролировать производительность вашего кода.1 0? PERFTESTS) - Тесты производительности моделей наследования JavaScript.2094 105? Memore -STATS.JS) - минимальный монитор для размера кучи JS через память производительности. 53 4? Phpench) - Phpench создает графический выход для теста PHP. Постройте время выполнения любой функции в режиме реального времени с Gnuplot и создайте изображение из результата.13 1? PHP -Bench) - Блоки PHP -кода и профиль PHP при измерении следов производительности. 3790 126? Perfmap) - закладка для создания тепловой карты Frontend Performance Resources, загруженной в браузере, с использованием API Resource Timing.559 52? Dom Monster)-кроссплатформенный, кросс-браузер, который будет анализировать DOM и другие функции страницы, на которой вы находитесь, и даст вам свой счет здоровья.1143 86? Performance -Bookmarklet) - Проанализируйте текущую страницу с помощью API Resource Timing, API навигации и TARTIMER - своего рода Light Live WebPageTest. Как ? Расширение хрома и? Firefox дополнение под названием «Производительность-анализера». Сеть доставки контента или сеть распределения контента (CDN) - это большая распределенная система серверов, развернутых в нескольких центрах обработки данных по всему Интернету. Цель CDN-обслуживать контент конечным пользователям с высокой доступностью и высокой производительностью. Смотрите большой список CDN в Википедии.
5705 2060? JSDELIVR) - Подобно библиотекам, размещенным Google, JSDELIVR - это CDN с открытым исходным кодом, который позволяет разработчикам размещать свои собственные проекты и любого, кто будет ссылаться на наши размещенные файлы на своих сайтах.Чтобы найти полезную дополнительную информацию для вас, чтобы сделать правильный выбор между платными CDN, посетите CDNPLANET.
82 6? Gulp-Google-CDN)-заменяет ссылки на сценарии на Google CDN. 131 7? Калории браузера) - самый простой способ измерить ваш бюджет эффективности. 35 2? Atbuild) - инструмент генерации кода JavaScript, который позволяет написать JavaScript, который выводит JavaScript. Хорошо для развертывания петлей и написания библиотек, которые составляют время выполнения.2550 169? Клей) - Клей - это простой инструмент командной строки для генерации спрайтов:19 3? Pitomba -Spriter) - Spriter - это простой и гибкий динамический генератор спрайтов для CSS, используя Python. Он может обрабатывать CSS как синхронные, так и асинхронные, поскольку он предоставляет классы, которые будут использоваться в вашем коде Python, а также наблюдатель, который слушает вашу файловую систему и изменяет CSS и Sprite, как только статическая.1133 92? Grunt -Spritesmith) - Grunt Задача для преобразования набора изображений в лист спрайта и соответствующие переменные CSS.15 1? Gulp -Sprite) - задача Gulp для создания спрайта изображения и соответствующих листов стилей для Gulp.334 45? Gulp-Svg-Sprites)-Задача GULP для создания SVG Sprites.2 1? Svgtocss) - оптимизирует и отображает файлы SVG в спрайтах CSS / SASS.36 6? AssetGraph-Sprite)-преобразование AssetGraph для автогенерирующих спрайтов на основе графика зависимости CSS.481 72? Sprity) - Модульный генератор спрайта изображения с множеством функций: поддерживает сетчатые спрайты, поддерживает различные выходные форматы, генерирует спрайты и правильные файлы стиля из каталога изображений и т. Д.621 76? Фабрика Sprite) - Спрайтовая фабрика представляет собой библиотеку Ruby, которую можно использовать для генерации спрайтов CSS. Он объединяет отдельные файлы изображений из каталога в одно единичное изображение спрайта и создает соответствующий лист стиля CSS для использования в вашем веб -приложении. Как удалить все эти ненужные данные и дать вам файл без ухудшения качества.
83 18? Grunt -Smushit) - Grunt Plugin для удаления ненужных байтов PNG и JPG с использованием Yahoo Smushit.33 2? Gulp -Smushit) - плагин Gulp для оптимизации PNG и JPG с использованием Yahoo Smushit. Сделано на вершине Смоша.5594 257? Imagemin) - Минифицировать изображения плавно с помощью node.js.29505 1302? Sharp)-Типичный вариант использования для этого высокоскоростного модуля Node.js заключается в преобразовании больших изображений многих форматов в более мелкие, удобные для веб-сайта JPEG, PNG и WEBP-изображения различных измерений.6966 616? GM) - Graphicsmagick и Imagemagick для node.js.12734 1178? Exexif) - Библиотека чистого эликсира для извлечения метаданных TIFF и ESIF из файлов JPEG.1215 175? Grunt-Contrib-Imagemin)-Minify PNG и JPEG-изображения для Grunt.1905 156? Gulp -Imagemin) - Minify PNG, JPEG, GIF и SVG изображения с Imagemin для Gulp.118 16? Grunt -Webp) - конвертировать ваши изображения в формат Webp.220 18? Gulp -Webp) - конвертировать изображения в Webp для Gulp.479 18? Grunt -ImageOptim) - Make ImageOptim, Omealpha и Jpegmini часть вашего автоматического процесса сборки.3461 127? ImageOptim -cli) - автоматизирует ImageOptim, Imagealpha и jpegmini для Mac, чтобы сделать пакетную оптимизацию изображений частью вашего процесса автоматизированной сборки.21 3? Tapnesh -Cli) - Tapnesh - это инструмент CLI, который будет легко и эффективно оптимизировать все ваши изображения параллельно!5495 417? Mozjpeg) - Улучшен JPEG Encoder.1608 120? Jpegoptim) - утилита для оптимизации/сжатия файлов JPEG.3447 329? Zopflipng) - программа командной строки для оптимизации изображений PNG.835 75? Leanify) - Легкий минивер/оптимизатор без потерь.944 24? Optimizt) - инструмент оптимизации изображений CLI. Он может сжать PNG, JPEG, GIF и SVG Lossy и без потерь и создавать версии WEBP для растровых изображений. 938 158? Lazyload) - Lazyload Images, iframes, виджеты с автономным JavaScript LazyLoader ~ 1KB7466 448? lozad.js) - высокопрофессиональный, свет ~ 0,9 кб и настраиваемый ленивый погрузчик в чистых JS без зависимостей для адаптивных изображений, iframes и многого другого 4156 348? Headjs)- единственный сценарий в вашей голове. Для отзывчивого дизайна, обнаружения функций и загрузки ресурсов.69 9? DEFER.JS) - Асинхронно все: заставьте мясо ваших страниц быстрее с этим JS Morsel.5512 246? InstantClick) - InstantClick делает следующие ссылки на вашем сайте мгновенно.509 32? JIT) - A JIT (как раз вовремя) погрузчик плагина для Grunt. Время нагрузки ворчания не замедляется, даже если есть много плагинов. 2257 142? Phantomas) - Fantomjs, основанный на веб -производительности и инструмент мониторинга.25 4? Скамейка) - Использование Phantomas (Scrapper Phantomjs, поддерживаемый Phantomjs Scrapper). Сложите страницу, хранить результаты в MongoDB и отобразить результаты через встроенный сервер.104 15? KeepFast) - Инструмент для мониторинга индикаторов, связанных с производительностью веб -страницы.284 25? Grunt -Phantames) - Грант плагин, обертывание фантомы для измерения производительности фронта.0 0? Демо)).1641 173? WebPageTest API обертка для node.js) - WebPageTest API -оболочка - это пакет NPM, который завершает API WebPageTest для node.js как модуль и инструмент командной строки. 542 73? Django-htmlmin)-django-html в HTML Minifier для Python с полной поддержкой HTML 5. Он поддерживает Django, Flask и любую другую веб-структуру Python. Он также предоставляет инструмент командной строки, который можно использовать для статических сайтов или сценариев развертывания.4962 576? HTMLMINIFIER)-HTMLMINIFIER-это высоко настраиваемый, хорошо проверяемый HTML-минивер на основе JavaScript с LINT-подобными возможностями.424 68? Grunt-Contrib-Htmlmin)-плагин Grunt для министерства HTML, который использует HTMLMinifier.726 57? Gulp -Htmlmin) - плагин Gulp для министерства HTML, который использует HTMlminifier.35 6? Grunt -Htmlcompressor) - Grunt Plugin для сжатия HTML с использованием htmlcompressor.12 7? HTML_MINIFIER) - Рубиновая обертка для kangax html -minifier.35 7? Html_press) - Ruby Gem для сжатия HTML, который удаляет все пробелы -мусор и оставляет только HTML.31 6? Minifier KOA HTML) - промежуточное программное обеспечение, которое минифирует ваши HTML -ответы с помощью HTML -Minifier. Он использует параметры по умолчанию HTML-Minifier, которые все отключены по умолчанию, поэтому вам нужно установить параметры, иначе это ничего не сделает.162 18? Минимизировать)-Минимизировать-это минивер HTML на основе Node-htmlParser, в настоящее время HTML Minifier является только полезным для сервера. Минификация на стороне клиента будет добавлено в будущем.133 86? HTML-Minifier)-простой инструмент командной строки Windows для министерства HTML, видов бритвы и просмотров веб-форм 3016 665? Юи Компрессор) - Компрессор JavaScript, который, в дополнение к удалению комментариев и белых пространств, запутывает локальные переменные, используя наименьшее возможное имя переменной. Это запутывание безопасно, даже при использовании таких конструкций, как «eval» или «с» (хотя сжатие не является оптимальным - эти случаи) по сравнению с JSMIN, средняя экономия составляет около 20%.13204 1246? Uglifyjs2) - Uglifyjs - это анализатор JavaScript, минивер, компрессор или инструментарий красивого, написанный в JavaScript.3768 186? CSSO) - минимизатор CSS в отличие от других. В дополнение к обычным методам минимификации, он может выполнять структурную оптимизацию файлов CSS, что приводит к меньшему размеру файла по сравнению с другими миниверстами.76 36? Cssmin.js) - cssmin.js - это порт JavaScript Minifier CSS.812 170? Grunt-Contrib-Concat)-плагин Grunt для incatenate файлов.1481 348? Grunt-Contrib-uglify)-плагин Grunt для объединения и министерства файлов JavaScript.4178 323? Clean-CSS)-быстрый, эффективный и хорошо проверяемый минивер CSS для Node.js.2811 601? Django -Compressor) - сжимает связанные и встроенные JavaScript или CSS в один кэшированный файл.1520 371? Django-Pipeline)-Pipeline-это библиотека упаковки активов для Django, обеспечивающая как CSS, так и JavaScript Concatenation и Compression, встроенную поддержку шаблонов JavaScript, а также дополнительное изображение данных и встроение шрифтов.750 150? Jshrink) - jshrink - это класс PHP, который минифирует JavaScript, чтобы он мог быть доставлен клиенту быстрее.1052 81? Cssshrink) - потому что CSS является Оспоном критическим путем к рендерингу страниц. Это должно быть маленьким! Или или иначе!28 4? Grunt -Cssshrink) - Это всего лишь громкая обертка для сокращения CSS.22 0? Gulp -CSSSHRINK) - Сосадка файлов CSS с использованием CSSSHRINK для Gulp.6 1? Довольно) - Uglify (полосатые пространства) или Prettify (добавить согласованные пространства) CSS -код.795 138? Grunt-Contrib-Cssmin)-Минификатор CSS для Grunt.3825 174? Grunt -uncss) - Grunt Gouss для удаления неиспользованных CSS из ваших проектов.938 40? Gulp -uncss) - задача Gulp для удаления неиспользованных CSS из ваших проектов. 1620 64? UCSS) - UCSS создан для ползания (больших) сайтов, чтобы найти неиспользованных селекторов CSS, но не удалять неиспользованные CSS.343 21? Httpinvoke)-клиентская библиотека HTTP для браузеров и node.js беззависимости с использованием API на основе обратного вызовов в стиле или Node.js на основе обещаний.10052 372? Критическая) - Извлечение и встроенный CSS Critical Path на HTML -страницах (альфа).12 1? CSScolormin) - утилита, которая минифирует цвета CSS, пример: min («белый»); // Минифий до «#fff».17585 1731? Lazysisizes) - высокопроизводительный ленивый загрузчик для изображений (отзывчивый и нормальный), iframes и сценарии, которые обнаруживают любые изменения видимости, запускаемые через взаимодействие пользователя, CSS или JavaScript без конфигурации.1631 45? TMI) - TMI (слишком много изображений) - Откройте для себя вес изображения в Интернете. 21150 1390? SVGO) - SVGO - это инструмент на основе Nodejs для оптимизации векторных графических файлов SVG.433 40? Grunt -svgmin) - министерство SVG, используя SVGO для Grunt.1634 93? SVG Cleaner) - SVG Cleaner может помочь вам очистить ваши файлы SVG из ненужных данных. Он имеет много вариантов для очистки и оптимизации, работает в режиме партии и обеспечивает резьбу -обработку для многокайновых процессоров. 431 201? Polymer Bundler)-Полимерный Bundler-это библиотека для упаковочных проектных активов для производства для минимизации сетевых круговых поездок.100 25? Gulp -Vulcanize) - объединить набор веб -компонентов в один файл, который использует Vulcanize. 992 156? Httperf) - Httperf - это инструмент для измерения производительности веб -сервера. Он обеспечивает гибкое средство для создания различных рабочих нагрузок HTTP и для измерения производительности сервера.179 23? Autoperf) - Autoperf - это драйвер Ruby для HTTPERF, предназначенный для того, чтобы помочь вам автоматизировать тестирование нагрузки и производительности любого веб -приложения - для одной конечной точки или через воспроизведение журнала.13 4? Httperf.rb) - простой интерфейс Ruby для httperf, написанный в Ruby.5 0? PHP -HTTPERF) - PHP -порт httperf.rb.25 2? Httperf.js) - JS -порт httperf.rb.11 8? Httperf.py) - порт Python httperf.rb.4 0? Gohttperf) - Go Port httperf.rb.38207 2955? WRK) - Инструмент для сравнительного анализа HTTP (с дополнительными сценариями LUA для генерации запросов, обработки ответов и пользовательской отчетности)6455 631? BeeSwithmachineguns) - утилита для вооружения (создания) многих пчел (экземпляры Micro EC2) для атаки (нагрузочный тест) цели (веб -приложения).244 22? Webp -detect) - webp с примером переговоров.will-change CSS property which allows an author to declare ahead-of-time what properties are likely to change in the future, so the UA can set up the appropriate optimizations some time before they're needed. This way, when the actual change happens, the page updates in a snappy manner.958 25? iamakulov/awesome-webpack-perf) - A curated list of webpack tools for web performance32197 3561? bayandin/awesome-awesomeness).338979 28117? sindresorhus/awesome).823 61? imteekay/web-performance-research) - Research in Web PerformanceFor contributing, open an issue and/or a pull request.
8403 563? davidsonfellipe/awesome-wpo)
