fucking awesome wpo
1.0.0
Bienvenue dans la liste organisée des ressources d'optimisation des performances Web. Ce référentiel vise à rassembler les meilleurs outils, articles, blogs, livres et conférences liés à l'optimisation des performances du site Web. Que vous soyez un développeur, un concepteur ou un passionné de performance, vous trouverez ici un contenu précieux pour suralimenter vos projets Web.
WPO / articles géniaux
? WPO / blogs géniaux
Génial WPO / livres
Génial WPO / Docs
? WPO / événements géniaux
? Awesome WPO / Talks
Voici un aperçu rapide des catégories couvertes dans cette collection:
Allez dans Articles.Md.
Allez dans les blogs.
Meilleurs livres sur WPO
Parce que la communauté compte!
Ils sont classés en contenu / rencontres.md.
Ils sont classés en contenu / pourparlers.md.
872 100? Confesser) - utilise des phantomjs pour analyser sans tête les pages Web et générer des manifestes.28533 9406? Lighthouse) - outil d'audit et de métriques de performance pour les applications Web progressives.2205 382? Yslow) - Yslow analyse les pages Web et suggère des moyens d'améliorer leurs performances en fonction d'un ensemble de règles pour les pages Web haute performance.35 3? Grunt-webpageTest) - Plugin grunt pour la mesure continue de WebPageTest. (Démo)91 15? Grunt-uslow) - Tâche grogn pour tester les performances de la page à l'aide de Phantomjs, un navigateur WebKit sans tête.856 37? Grunt-perfbudget) - une tâche grogn.js pour faire respecter un budget de performance? plus sur les budgets de performance).2641 200? Framework de traçage Web) - Le cadre du traçage Web est un ensemble de bibliothèques, d'outils et de visualiseurs pour le traçage et l'étude des applications Web complexes2469 280? Yandex.tank) - un outil de test de charge open source extensible pour les utilisateurs avancés de Linux, ce qui est particulièrement bon dans le cadre d'une suite automatisée de test de charge.1865 23? Speed Racer) - Collectez des métriques de performances pour votre bibliothèque / application à l'aide de Chrome sans tête.9 6? Node-uslowjs) - yslow.js sur node.js est un simple wrapper node.js pour exécuter programmatiquement Phantomjs yslow.js.3105 126? Psi) - PagesPeed Insights pour node.js - avec rapport.4474 180? BundleSize) - Gardez votre taille de bundle sous contrôle.3846 101? Source-Map-Explorer) - Analyser et déboguer l'utilisation de l'espace du faisceau via des cartes source.12605 489? WebPack Bundle Analyzer) - WebPack Plugin et CLI Utility qui représente le contenu du bundle comme un Treemap zoomable interactif pratique.4 1? Lasso-analyzer) - Analyser et visualiser les faisceaux de projet créés par Lasso.1413 108? Plugin de compression WebPack) - Préparez les versions compressées des actifs pour les servir avec le codage du contenu.583 20? Bundlestats) - générer un rapport de bundle (taille du bundle, actifs, modules, packages) et comparez les résultats entre les différentes versions 573 21? CSS-PERF) - moyen complètement non scientifique de tester les performances CSS. La plupart de ces tests tourneront autour des méthodologies et des techniques pour déterminer l'architecture CSS efficace. Autrement dit, je veux savoir ce qui fonctionne le mieux étant donné une comparaison particulière des stratégies CSS. Un ensemble d'outils pour créer des cas de test et comparer différentes implémentations dans JavaScript.
Temporarily out, follow this issue for updates: https://github.com/jsperf/jsperf.com/issues/537166 15? JSlitmus) - JSlitmus est un outil léger pour créer des tests de référence JavaScript ad hoc.563 37? Matcha) - Matcha vous permet de concevoir des expériences qui mesureront les performances de votre code. Il est recommandé que chaque banc se concentre sur un point d'impact spécifique dans votre application.1496 113? Timing.js) - timing.js est un petit ensemble d'aides pour travailler avec l'API de synchronisation de navigation pour identifier où votre application passe son temps. Utile en tant que script autonome, extrait Devtools ou Bookmarklet.8780 1201? Stats.js) - Cette classe fournit une boîte d'informations simple qui vous aidera à surveiller les performances de votre code.1 0? Perftests) - Tests de performances des modèles d'héritage JavaScript.2094 105? Memory-Stats.js) - Moniteur minimal pour la taille du tas JS via la mémoire de performances. 53 4? PhPench) - phPench crée une sortie graphique pour une référence PHP. Tracez l'exécution de n'importe quelle fonction en temps réel avec GnupLot et créez une image du résultat.13 1? PHP-Bench) - Benchmark et profil Blocs de code PHP tout en mesurant l'empreinte des performances. 3790 126? Perfmap) - un bookmarklet pour créer une carte thermique de performances de frontend des ressources chargée dans le navigateur à l'aide de l'API de synchronisation des ressources.559 52? Dom Monster) - Un bookmarklet multiplateforme et cross-browser qui analysera le dom et les autres fonctionnalités de la page sur lesquels vous vous trouvez et vous donnera son acte de santé.1143 86? Performance-bookMarklet) - Analyser la page actuelle via l'API de synchronisation des ressources, l'API de synchronisation de navigation et le réglage de l'utilisateur - une sorte de léger webPageTest. Comme ? Extension chromée et? Complément de Firefox sous le nom de Performance-Analyser. Un réseau de livraison de contenu ou un réseau de distribution de contenu (CDN) est un grand système distribué de serveurs déployés dans plusieurs centres de données sur Internet. L'objectif d'un CDN est de servir le contenu aux utilisateurs finaux avec une grande disponibilité et des performances élevées. Voir une grande liste de CDN dans Wikipedia.
5705 2060? JSDelivr) - Semblable aux bibliothèques hébergées par Google, JSDelivr est un CDN open-source qui permet aux développeurs d'héberger leurs propres projets et quiconque à créer un lien vers nos fichiers hébergés sur leurs sites.Pour trouver plus d'informations utiles pour que vous fassiez le bon choix entre les CDN payants, veuillez visiter CDNPlanet.
82 6? Gulp-Google-CDN) - remplace les références de script par celles de Google CDN. 131 7? Calories du navigateur) - Le moyen le plus simple de mesurer votre budget de performance. 35 2? AtBuild) - outil de génération de code javascript qui vous permet d'écrire JavaScript qui sort javascript. Bon pour dérouter les boucles et les bibliothèques d'écriture qui compilent l'exécution2550 169? Glue) - Glue est un simple outil de ligne de commande pour générer des sprites:19 3? Pitomba-Spriter) - Spriter est un générateur de sprite dynamique simple et flexible pour CSS, en utilisant Python. Il peut traiter CSS à la fois synchrone et asynchrone car il fournit des classes à utiliser dans votre code Python et également un observateur qui écoute votre système de fichiers et modifie CSS et Sprite dès qu'un statique est modifié.1133 92? Grunt-Spritesmith) - Tâche grogn pour convertir un ensemble d'images en une feuille de sprite et des variables CSS correspondantes.15 1? Gulp-Sprite) - Gulp Task pour créer un sprite d'image et les feuilles de style correspondantes pour Gulp.334 45? Gulp-Svg-Sprites) - Gulp Task pour créer des sprites SVG.2 1? SVGTOCSS) - Optimise et rend les fichiers SVG dans les sprites CSS / SASS.36 6? AssetGraph-Sprite) - Transforment Assetgraph pour les sprites générateurs de automatique basés sur le graphique de dépendance CSS.481 72? Sprité) - Un générateur de sprite d'image modulaire avec beaucoup de fonctionnalités: prend en charge les sprites Retina, prend en charge différents formats de sortie, génère des sprites et des fichiers de style appropriés à partir d'un répertoire d'images, etc ...621 76? Sprite Factory) - La Sprite Factory est une bibliothèque Ruby qui peut être utilisée pour générer des sprites CSS. Il combine des fichiers d'image individuels d'un répertoire dans une seule image de sprite unifiée et crée une feuille de style CSS appropriée à utiliser dans votre application Web. Comment supprimer toutes ces données inutiles et vous donner un fichier sans qualité dégradante.
83 18? Grunt-Sushit) - Plugin grogn pour éliminer les octets inutiles de PNG et JPG en utilisant Yahoo Smushit.33 2? Gulp-Sushit) - Plugin Gulp pour optimiser PNG et JPG à l'aide de Yahoo Smushit. Fabriqué sur Smosh.5594 257? ImageMemin) - Minify Images de manière transparente avec Node.js.29505 1302? Sharp) - Le cas d'utilisation typique de ce module Node.js à haut débit consiste à convertir de grandes images de nombreux formats en images JPEG, PNG et WebP pour les petites dimensions.6966 616? GM) - GraphicsMagick et ImageMagick pour Node.js.12734 1178? Exexif) - Pure bibliothèque Elixir pour extraire les métadonnées TIFF et exif des fichiers JPEG.1215 175? Grunt-Contrib-Imagemin) - Minify Png et JPEG Images pour grunt.1905 156? Gulp-Imagemin) - Minify Png, JPEG, GIF et SVG avec ImageMemin pour Gulp.118 16? Grunt-webp) - Convertir vos images au format webp.220 18? Gulp-Webp) - Convertir des images en webp pour Gulp.479 18? Grunt-ImageOptim) - Faites de la partie ImageOptim, Imagealpha et Jpegmini de votre processus de construction automatisé.3461 127? ImageOptim-CLI) - Automate ImageOptim, Imagealpha et Jpegmini pour Mac pour que l'optimisation des images des images une partie de votre processus de construction automatisé.21 3? Tapnesh-Cli) - Tapnesh est un outil CLI qui optimisera toutes vos images en parallèle facilement et efficacement!5495 417? Mozjpeg) - Encodeur JPEG amélioré.1608 120? JPEGOPTIM) - Utilité pour optimiser / compresser les fichiers JPEG.3447 329? Zopflipng) - un programme de ligne de commande pour optimiser les images PNG.835 75? Leanify) - Minficateur / optimiseur de fichiers sans perte léger.944 24? Optimizt) - outil d'optimisation d'image CLI. Il peut compresser PNG, JPEG, GIF et SVG Lossy et Lossless et créer des versions WebP pour des images raster. 938 158? Lazyload) - Images Lazyload, iframes, widgets avec un JavaScript paresseux autonome ~ 1KB7466 448? Lozad.js) - Hartement performant, léger ~ 0,9 kb et chargeur paresseux configurable en js pur sans dépendances pour les images réactives, les iframes, et plus 4156 348? Headjs) - le seul script dans votre tête. Pour la conception réactive, les détections de fonctionnalités et le chargement des ressources.69 9? Defer.js) - Async Everything: Rendez la viande de vos pages Chargez plus rapidement avec ce morceau JS.5512 246? InstantClick) - InstantClick fait les liens suivants dans votre site instantanément.509 32? Jit) - un chargeur de plugin jit (juste à temps) pour grognement. Le temps de chargement du grognement ne ralentit pas même s'il existe de nombreux plugins. 2257 142? Phantomes) - Collecteur de métriques et de surveillance des métriques Web basées sur les fantômes.25 4? Banc) - en utilisant des fantômes (un scrapper de métriques de performance client soutenu par des fantômes). Benchmark a une page, stocker les résultats dans MongoDB et afficher les résultats via le serveur intégré.104 15? Keepfast) - outil pour surveiller les indicateurs liés aux performances d'une page Web.284 25? Grunt-phantomes) - Phantomes d'emballage du plugin grogn pour mesurer les performances du frontage.0 0? Demo)).1641 173? WebPageTest API Wrapper pour node.js) - WebPageTest API Wrapper est un package NPM qui enveloppe l'API WebPageTest pour Node.js en tant que module et outil de ligne de commande. 542 73? Django-htmlmin) - django-html dans un minificateur HTML pour Python avec une prise en charge complète pour HTML 5. Il prend en charge Django, Flask et tout autre framework Web Python. Il fournit également un outil de ligne de commande qui peut être utilisé pour des sites statiques ou des scripts de déploiement.4962 576? HTMLMINIFIER) - HTMLMINIFIER est un minificateur HTML très configurable, bien testé et basé sur JavaScript, avec des capacités de type peluche.424 68? Grunt-contrib-htmlmin) - un plugin grogn pour miniver le HTML qui utilise htmlminifier.726 57? Gulp-htmlmin) - Un plugin Gulp pour miniver le HTML qui utilise htmlminifier.35 6? Grunt-htmlcompressor) - plugin grunt pour la compression html, en utilisant htmlcompressor.12 7? HTML_MINIFIER) - Wrapper Ruby pour Kangax HTML-MINIFIER.35 7? HTML_PRESS) - Ruby Gem pour compresser HTML, qui supprime toutes les ordures d'espace blanc et ne laisse que HTML.31 6? Minficateur KOA HTML) - Middleware qui divise vos réponses HTML à l'aide de HTML-minificateur. Il utilise les options par défaut de HTML-Minifier qui sont toutes désactivées par défaut, vous devez donc définir les options, sinon il ne fera rien.162 18? Minimiser) - Minimiser est un minificateur HTML basé sur le nœud-htmlparser, actuellement, le minificateur HTML n'est que l'utilisation du serveur utilisable. La minification côté client sera ajoutée dans une version future.133 86? HTML-MINIFIER) - Un outil de ligne de commande Windows simple pour miniver votre HTML, vos vues de rasoir et vos vues Web 3016 665? Compresseur Yui) - Compresseur JavaScript qui, en plus de supprimer les commentaires et les espaces blancs, obscurcit les variables locales en utilisant le plus petit nom de variable possible. Cette obscurcissement est sûre, même lorsque vous utilisez des constructions telles que «EVAL» ou «avec» (bien que la compression ne soit pas optimale est ces cas) par rapport à JSMIN, les économies moyennes sont d'environ 20%.13204 1246? UGLIFYJS2) - UGLIFYJS est un analyseur JavaScript, minificateur, compresseur ou boîte à outils, écrit en javascript.3768 186? CSSO) - CSS minimiseur contrairement aux autres. En plus des techniques de minification habituelles, il peut effectuer une optimisation structurelle des fichiers CSS, résultant en une taille de fichier plus petite par rapport aux autres minifiants.76 36? Cssmin.js) - cssmin.js est un port javascript du minificateur CSS de Yuicompresseur.812 170? Grunt-Contrib-Concat) - Un plugin grogn pour concaténer les fichiers.1481 348? Grunt-contrib-uglify) - un plugin grogn pour concaténer et minifant les fichiers JavaScript.4178 323? Clean-CSS) - Un minificateur CSS rapide, efficace et bien testé pour Node.js.2811 601? Django-Compressor) - Compresse JavaScript lié et en ligne ou CSS en un seul fichier mis en cache.1520 371? Django-Pipeline) - Pipeline est une bibliothèque d'emballages d'actifs pour Django, fournissant à la fois la concaténation et la compression CSS et JavaScript, la prise en charge du modèle JavaScript intégré et l'image et l'intégration des polices de données en option.750 150? Jshrink) - jshrink est une classe PHP qui divise JavaScript afin qu'elle puisse être livrée au client plus rapidement.1052 81? CSSShrink) - parce que CSS est OSPON le chemin critique vers le rendu des pages. Ça doit être petit! Ou bien!28 4? Grunt-Csshrink) - Ce n'est qu'un wrapper grogn pour le raccourci CSS.22 0? Gulp-csshrink) - rétrécit les fichiers CSS à l'aide de csshrink pour gulp.6 1? Prettyugly) - UGLIFY (SPACES STRIP) ou TRAPTIFIE (Ajouter des espaces cohérents) CSS Code.795 138? Grunt-contrib-cssmin) - minificateur CSS pour grognement.3825 174? Grunt-UNCSS) - Une tâche grognante pour éliminer le CSS inutilisé de vos projets.938 40? Gulp-UNCSS) - Une tâche Gulp pour supprimer le CSS inutilisé de vos projets. 1620 64? UCSS) - UCSS est conçu pour ramper (grands) sites pour trouver des sélecteurs CSS inutilisés, mais ne pas supprimer le CSS inutilisé.343 21? Httpinvoke) - Une bibliothèque client HTTP sans dépendances pour les navigateurs et Node.js avec une API basée sur des rappels de type promesse ou Node.js pour progresser les événements, le texte et le téléchargement de fichiers binaires, le corps de réponse partiel, la demande et les en-têtes de réponse, le code de statut.10052 372? Critical) - Extraire et en ligne CSS à chemin critique critique dans les pages HTML (Alpha).12 1? CSSColormin) - Utilitaire qui minifie les couleurs CSS, exemple: min ("blanc"); // minifie à "#fff".17585 1731? Lazysizes) - chargeur paresseux haute performance pour les images (réactif et normal), iframes et scripts, qui détecte les modifications de visibilité déclenchées par l'interaction utilisateur, CSS ou JavaScript sans configuration.1631 45? TMI) - TMI (trop d'images) - Découvrez le poids de votre image sur le Web. 21150 1390? SVGO) - SVGO est un outil basé sur NodeJS pour optimiser les fichiers graphiques vectoriels SVG.433 40? Grunt-svgmin) - minive SVG utilisant SVGO pour grunt.1634 93? SVG Cleaner) - SVG Cleaner pourrait vous aider à nettoyer vos fichiers SVG à partir de données inutiles. Il a beaucoup d'options pour le nettoyage et l'optimisation, fonctionne en mode batch et fournit un traitement fileté sur des processeurs multicore. 431 201? Polymer Bundler) - Polymer-Bundler est une bibliothèque pour l'emballage des actifs du projet pour la production afin de minimiser lestiné au réseau.100 25? Gulp-vulcanize) - concaténer un ensemble de composants Web en un seul fichier qui utilise Vulcanize. 992 156? Httperf) - httperf est un outil pour mesurer les performances du serveur Web. Il fournit une installation flexible pour générer diverses charges de travail HTTP et mesurer les performances du serveur.179 23? Autoperf) - Autoperf est un pilote Ruby pour HTTPERF, conçu pour vous aider à automatiser les tests de charge et de performances de toute application Web - pour un seul point de terminaison ou via la relecture du journal.13 4? Httperf.rb) - interface rubis simple pour httperf, écrite en rubis.5 0? Php-httperf) - PORT PHP de Httperf.rb.25 2? Httperf.js) - js port de httperf.rb.11 8? Httperf.py) - Port de python de httperf.rb.4 0? Gohttperf) - go port de httperf.rb.38207 2955? WRK) - Un outil de référence HTTP (avec des scripts LUA en option pour la génération de demandes, le traitement des réponses et les rapports personnalisés)6455 631? abeeswithmachineguns) - un utilitaire pour armer (création) de nombreuses abeilles (instances micro EC2) pour attaquer (Test de charge) cibles (applications Web).244 22? Webp-détect) - webp avec accepter la négociation.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)
