corpus.blog
56,966 blogs · 4,417,066 posts Claim your blog
Record · corpus.blog/posts/01a0bb6c-730f-7208-bc2d-c195bb1d977e

Web Performance 101: JS, CSS, HTTP, images & fonts

3perf.com · published undated

A record is what was published and who pointed at it. The text of the post is not held here: read it at the source, or at its Wayback capture.

Read the post at 3perf.com Wayback capture
0blogs citing
First cited
—
Most recent
—
Rank this month
not ranked
Links from this post
90
Words captured
5,436

Cited by

No blog we hold has cited this post yet.

Links from this post

Link
Host
https://twitter.com/lukew/status/846440789752242176?lang=en
twitter.com
https://edge.akamai.com/ec/us/highlights/keynote-speakers.jsp
edge.akamai.com
http://glinden.blogspot.com/2006/11/marissa-mayer-at-web-20.html
glinden.blogspot.com
https://headspin.io/resources/marketing/reports/5136-RR-performance-web-application.pdf
headspin.io
https://wpostats.com
wpostats.com
https://pwastats.com
pwastats.com
https://3perf.com/subscribe/
3perf.com
https://3perf.com/static/1dd70ff2f2185965e3ce40e0882bc589/86bab/javascript-minification-source.png
3perf.com
https://3perf.com/static/da7ff9f731c4433b079ea567b5f884f7/86bab/javascript-minification-result.png
3perf.com
https://www.gribble.org/techreports/minification/
gribble.org
https://webpack.js.org/concepts/mode/
webpack.js.org
https://www.npmjs.com/package/babel-preset-minify
npmjs.com
https://www.npmjs.com/package/gulp-uglify
npmjs.com
https://hacks.mozilla.org/2017/09/building-the-dom-faster-speculative-parsing-async-defer-and-preload/
hacks.mozilla.org
https://3perf-server-delay-demo-kqemjsiqkk.now.sh/
3perf-server-delay-demo-kqemjsiqkk.now.sh
https://webpack.js.org/guides/code-splitting/
webpack.js.org
https://github.com/jamiebuilds/react-loadable
github.com
https://reactjs.org/blog/2018/10/23/react-v-16-6.html
reactjs.org
https://vuejs.org/v2/guide/components-dynamic-async.html
vuejs.org
https://developers.google.com/web/fundamentals/performance/optimizing-javascript/code-splitting/
developers.google.com
https://reactjs.org/docs/code-splitting.html
reactjs.org
https://github.com/GoogleChromeLabs/webpack-libs-optimizations
github.com
https://github.com/postcss/postcss-loader
github.com
https://github.com/cssnano/cssnano
github.com
https://www.npmjs.com/package/gulp-clean-css
npmjs.com
https://twitter.com/iamakulov/status/1239488313876189184
twitter.com
https://developer.mozilla.org/en-US/docs/Web/HTML/Preloading_content
developer.mozilla.org
https://github.com/styled-components/styled-components
github.com
https://github.com/addyosmani/critical
github.com
https://github.com/pocketjoso/penthouse
github.com
https://www.smashingmagazine.com/2015/08/understanding-critical-css/
smashingmagazine.com
https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/optimize-encoding-and-transfer
developers.google.com
https://httpd.apache.org/docs/trunk/mod/mod_brotli.html
httpd.apache.org
https://github.com/google/ngx_brotli
github.com
https://certsimple.com/blog/nginx-brotli
certsimple.com
https://blogs.akamai.com/2016/02/understanding-brotlis-potential.html
blogs.akamai.com
https://caniuse.com/brotli
caniuse.com
https://httpd.apache.org/docs/2.4/mod/mod_deflate.html
httpd.apache.org
http://nginx.org/en/docs/http/ngx_http_gzip_module.html
nginx.org
https://searchenginewatch.com/sew/study/2276184/no-1-position-in-google-gets-33-of-search-traffic-study
searchenginewatch.com
https://www.chromium.org/developers/design-documents/dns-prefetching
chromium.org
https://www.igvita.com/2015/08/17/eliminating-roundtrips-with-preconnect/
igvita.com
Preload, prefetch and other tags Read at the source ↗
3perf.com
https://optimus.keycdn.com/support/jpg-to-webp/
optimus.keycdn.com
https://optimus.keycdn.com/support/png-to-webp/
optimus.keycdn.com
https://caniuse.com/
caniuse.com
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture
developer.mozilla.org
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video
developer.mozilla.org
https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/replace-animated-gifs-with-video/
developers.google.com
https://github.com/svg/svgo
github.com
New helper added: SVGOMG – Minify SVGs. Read at the source ↗
jakearchibald.github.io
https://github.com/herrstucki/responsive-loader
github.com
https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images
developer.mozilla.org
https://3perf.com/static/02d1ddfe99ea172a6f68ef9859f6823d/panda_100.jpg
3perf.com
https://3perf.com/static/37a63ded2f61a2bd79bb2e1dbb7fc59e/panda_70.jpg
3perf.com
https://3perf.com/static/05f3dbd7af4c6e190b6d8b9db51ea618/panda_50.jpg
3perf.com
https://unsplash.com/photos/1o8VV8yOw40?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText
unsplash.com
https://3perf.com/static/41e03c450aaebef61a7c295a8215f9b2/panda_100_large.png
3perf.com
https://3perf.com/static/3578beb8e7bbc2ac6a6de0d8b386d486/panda_70_large.png
3perf.com
https://3perf.com/static/b7c8fdc0fee6a6f220325213fad324e1/panda_50_large.png
3perf.com
https://www.npmjs.com/package/image-webpack-loader
npmjs.com
https://blog.codinghorror.com/progressive-image-rendering/
blog.codinghorror.com
Essential Image Optimization – An eBook by @addyosmani Read at the source ↗
images.guide
https://en.wikipedia.org/wiki/Indexed_color
en.wikipedia.org
https://imageoptim.com/mac
imageoptim.com
http://tinypng.com
tinypng.com
https://www.akamai.com/
akamai.com
https://cloudinary.com/
cloudinary.com
https://www.imgix.com/
imgix.com
https://iamakulov.com/notes/optimize-images-webpack/
iamakulov.com
https://css-tricks.com/fout-foit-foft/
css-tricks.com
https://developer.mozilla.org/en-US/docs/Learn/CSS/Styling_text/Fundamentals
developer.mozilla.org
https://developer.mozilla.org/en-US/docs/Web/CSS/font-family
developer.mozilla.org
https://en.wikipedia.org/wiki/Serif
en.wikipedia.org
https://css-tricks.com/font-display-masses/
css-tricks.com
Font-display, by @notwaldorf Read at the source ↗
font-display.glitch.me
https://developers.google.com/speed/pagespeed/insights/
developers.google.com
https://developers.google.com/web/tools/lighthouse/
developers.google.com
https://webpagetest.org
webpagetest.org
https://www.npmjs.com/package/webpack-bundle-analyzer
npmjs.com
https://developers.google.com/web/fundamentals/performance/webpack/monitor-and-analyze
developers.google.com
https://github.com/iamakulov/awesome-webpack-perf
github.com
https://twitter.com/iamakulov
twitter.com
https://twitter.com/arunbasillal
twitter.com
https://twitter.com/theKashey
twitter.com
https://twitter.com/hollowaynz
twitter.com
https://twitter.com/bradleyfew
twitter.com
https://twitter.com/BrianRosamilia
twitter.com
https://twitter.com/iamkeraf
twitter.com
https://twitter.com/vitkarpov
twitter.com