Front-End Development
12,079 items in 85 lists
-
Grunt-svg-sprite npmjs.com
SVG sprites & stacks galore — Grunt plugin wrapping around svg-sprite that reads in a bunch of SVG files, optimizes them and creates SVG sprites and CSS resources in various flavors.
-
Grunt-sprite-css-replace npmjs.com
Grunt task that generates a sprite from images referenced in a style sheet and then updates the references with the new sprite image and positions.
-
New Relic Browser Monitoring newrelic.com
Real-user browser monitoring with Core Web Vitals, distributed tracing to backend, and deployment markers.
-
PageSpeed Module modpagespeed.com
PageSpeed speeds up your site and reduces page load time. This open-source web server module automatically applies web performance best practices to pages and associated assets (CSS, JavaScript, images) without requiring that you modify your existing content or workflow…
-
Web Performance in Action by Jeremy Wagner manning.com
Jeremy L. Wagner.
-
Performance Engineering in Practice manning.com
Den Odell.
-
HTTP/2 in Action by Barry Pollard manning.com
Barry Pollard.
-
Kraken Web-interface kraken.io
Optimize your images and will be available for download for 12 hours.
-
HTML Minifier Online kangax.github.io
A HTML min tool by kangax (HTMLMinifier Creator).
-
k6 k6.io
An open-source load testing tool built for developers. Easy to integrate into CI pipelines. Tests are written in ES6 JS and you can test APIs, microservices and sites using HTTP/1.1, HTTP/2 and WebSocket.
-
JSCompress jscompress.com
The most minimalistic online JS Compress tool.
-
UpYun CDN jscdn.upai.com
CDN provided by upyun.
-
JSBench jsbench.me
A modern browser-based JavaScript benchmarking tool for quickly creating and sharing performance tests.
-
Smush it imgopt.com
Uses format-specific optimization to remove unnecessary bytes from image files. Lossless: optimizes images without changing their look or visual quality.
-
ImageEngine imageengine.io
Cloud service for optimizing, resizing and caching images on the fly with great mobile support.
-
HTTP Archive httparchive.org
It's a permanent repository of web performance information such as size of pages, failed requests, and technologies utilized. This performance information allows us to see trends in how the Web is built and provides a common data set from which to conduct web performance…
-
Page Visibility html.spec.whatwg.org
This specification defines a means for site developers to programmatically determine the current visibility state of the page in order to develop power and CPU-efficient web applications.
-
GTmetrix gtmetrix.com
Free tool to test and monitor your page's performance. Uses Lighthouse to score your pages and offers actionable recommendations on how to optimize them.
-
Polymer Bundler github.com
Polymer-bundler is a library for packaging project assets for production to minimize network round-trips.
-
CSS will-change drafts.csswg.org
This specification defines the 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…
-
Dotcom-tools dotcom-tools.com
Analyze your website's speed in real browsers from 20 locations worldwide.
-
BrowserView Monitoring dotcom-monitor.com
Continually checks web page load times in Internet Explorer, Chrome and Firefox from multiple points around the world.
-
Google Hosted Libraries developers.google.com
Google-run CDN for the most popular open-source JavaScript libraries.
-
PageSpeed Insights Rules developers.google.com
A guide created by PageSpeed Team. Deprecated. This is deprecated and will be shut down in May 2019. Version 5 is the latest and provides both real-world data from the Chrome User Experience Report and lab data from Lighthouse.
-
Page Speed developers.google.com
The PageSpeed family of tools is designed to help you optimize the performance of your site. PageSpeed Insights products will help you identify performance best practices that can be applied to your site, and PageSpeed optimization tools can help you automate the process.
-
Yahoo YSlow for Mobile/Bookmarklet developer.yahoo.com
YSlow analyzes web pages and suggests ways to improve their performance based on a set of rules for high-performance web pages.
-
Best Practices for Speeding Up Your site developer.yahoo.com
The list includes 35 best practices divided into 7 categories, created by Yahoo! Exceptional Performance team.
-
Resource Timing API (MDN) developer.mozilla.org
Detailed network timing for assets.
-
Paint Timing API (MDN) developer.mozilla.org
First paint and first contentful paint signals.
-
Navigation Timing API (MDN) developer.mozilla.org
Page navigation and load milestone metrics.
-
Long Tasks API (MDN) developer.mozilla.org
Detect main-thread blocking work.
-
Layout Instability API (MDN) developer.mozilla.org
Measure and inspect layout shifts (CLS).
-
Largest Contentful Paint API (MDN) developer.mozilla.org
Programmatic access to LCP entries.
-
Chrome Developers: Performance developer.chrome.com
Deep guides on rendering, loading, and runtime performance.
-
Lighthouse Docs developer.chrome.com
Audit methodology, scoring details, and usage guidance.
-
Chrome User Experience Report (CrUX) developer.chrome.com
Origin-level real-user performance data from Chrome users.
-
DebugBear debugbear.com
Site monitoring based on Lighthouse. See how your scores and metrics changed over time, with a focus on understanding what caused each change. Paid product with a free 30-day trial.
-
Datadog Real User Monitoring datadoghq.com
Browser and mobile RUM with session replay, Core Web Vitals, and correlation with traces and logs.
-
Datadog APM datadoghq.com
End-to-end distributed tracing and APM at scale, correlated to all telemetry.
-
DareBoost dareboost.com
Real Browser Monitoring. Offers complete reports about web performance and quality using YSlow, Page Speed and numerous custom tips.
-
Dareboost dareboost.com
[Multi-audit] Website quality testing across performance, accessibility, SEO, and security best practices.
-
CSS Sprite Generator css.spritegen.com
CSS sprites allow you to combine multiple images into a single file.
-
Speculation Rules Generator corewebvitals.io
Build speculation rules JSON for prefetch and prerender configurations.
-
Critical CSS Generator corewebvitals.io
Generate critical-path CSS for above-the-fold rendering.
-
Core Web Vitals Report corewebvitals.io
Generate a Core Web Vitals report using CrUX historical data.
-
Compressor compressor.io
Online image compressor for JPG, PNG, SVG and GIF.
-
Scour codedread.com
Open-source Python script that aggressively cleans SVG files, stripping cruft that tools or authors embed in documents.
-
HTMLCompressor code.google.com
Small, fast Java library that minifies HTML or XML by removing extra whitespace, comments, and unneeded characters without breaking structure. Includes a command-line build.
-
Cloudflare CDN cloudflare.com
A content delivery network that uses next-gen tech to deliver fast, reliable, CDN services.
-
CDNperf cdnperf.com
Finds you fast and reliable JavaScript CDNs that make your sites snappy and happy.
- next page of items loading…
