Working with the new CSS Typed Object Model | Web | Google Developers
CSS Typed Object Model (Typed OM) brings types, methods, and a flexible object model to working with CSS values. Shipped in Chrome 66.
Performance
Improving JavaScript performance with GPU.js - LogRocket Blog
Learn how to improve your app's performance by using GPU.js (accelerated JavaScript) to perform some complex mathematical computations.
OffscreenCanvas - Web APIs | MDN
When using the element or the Canvas API, rendering, animation, and user interaction usually happen on the main execution thread of a web application. The computation relating to canvas animations and rendering can have a significant impact on application performance.
The Ultimate Guide to Web Performance 🚀 - DEV Community 👩💻👨💻
There's so many ways to speed up your site. Don't you wish every web performance tip was in one place...
Understanding memory leaks in Node.js apps - LogRocket Blog
Due to their effects on performance, it's critical to understand how memory leaks in your Node.js apps occur, how to debug them, and how to prevent them.
React.js pure render performance anti-pattern | by Esa-Matti Suuronen | Medium
Pure render optimized React components can be extremely performant but it requires users to treat their data as immutable for it to work…
![Front-End Performance Checklist 2020 [PDF, Apple Pages, MS Word] — Smashing Magazine](https://rdl.ink/render/https%3A%2F%2Farchive.smashing.media%2Fassets%2F344dbf88-fdf9-42bb-adb4-46f01eedd629%2F08a226c5-5a9a-4bd2-bba7-dad7e74f69e9%2Fadaptive-media-serving-opt.png?width=92&height=&ar=&mode=&format=avif&dpr=2)
Front-End Performance Checklist 2020 [PDF, Apple Pages, MS Word] — Smashing Magazine
Let’s make 2021... fast! An annual front-end performance checklist, with everything you need to know to create fast experiences on the web today, from metrics to tooling and CSS/JavaScript techniques.
DrawSVGPlugin - Plugins - GreenSock
Progressively draw any SVG line using this plugin for GSAP, a JavaScript library for high-performance HTML5 animation in all major browsers.
VisualSitemaps | Autogenerate Beautiful Sitemaps & Screenshots
VisualSitemaps automatically generates high-quality visual sitemaps of any site or app, making it fast and easy to perform in-depth site audits for SEO, UX and marketing research. Simply enter a URL and get a beautiful, thumbnail-based siteflow of your entire site.
How To Make Performance Visible With GitLab CI And Hoodoo Of GitLab Artifacts — Smashing Magazine
It’s not enough to optimize an application. You need to prevent performance from degradation, and the first step to do it is to make performance changes visible. In this article, Anton Nemtsev shows a couple of ways of showing them in the GitLab merge requests.
Helping Browsers Optimize With The CSS Contain Property — Smashing Magazine
The CSS contain property gives you a way to explain your layout to the browser, so performance optimizations can be made. However, it does come with some side effects in terms of your layout.
CSS Findings From The New Facebook Design
Angular Runtime Performance Guide - The Oasis Digital Blog
CSS and Network Performance – CSS Wizardry – Web Performance Optimisation
Self-Host Your Static Assets – CSS Wizardry – Web Performance Optimisation
(516) Speed at Scale: Web Performance Tips and Tricks from the Trenches (Google I/O ’19) - YouTube
Web Performance Calendar » Gradient Image Placeholders
Umar Hansa on Twitter: "JavaScript Tip ⚡️ Automatically remove an event listener after it has executed. el.addEventListener('click', console.log, { once: true }); Removing event listeners, assuming they're not needed anymore, with {once: true} will help performance. #100DaysOfCode #JavaScript https://t.co/kiNWT1dp5f" / Twitter
Web Performance Calendar » Optimizing Performance with the Import-on-Interaction Pattern
Matija Grcic on Twitter: "You can use #puppeteer to programmatically collect code coverage, see a simple example below. #perfnow @perfnowconf @8westconsulting https://t.co/1Z06wtKBAw" / Twitter
Designing a GraphQL server for optimal performance - LogRocket Blog
davidea.st - Why it's tricky to measure Server-side Rendering performance
Web Performance Calendar » Tracking CPU with Long Tasks API
New Performance Metric: What is Largest Contentful Paint? | by Daniel Flege | Speedrank.app | Medium
CSS used to highlight potential performance issues
Can You Afford It?: Real-world Web Performance Budgets - Infrequently Noted
Front-End Performance Checklist 2021 — Smashing Magazine
The Web’s Next Transition
Web is made up of technologies that got started over 25 years ago. Now, we are transitioning to a new and improved architecture for building web applications.
Thread by @MosquitoCapital on Thread Reader App
@MosquitoCapital: I've seen a lot of people asking "why does everyone think Twitter is doomed?" As an SRE and sysadmin with 10+ years of industry experience, I wanted to write up a few scenarios that are...…
Front-end Developer Handbook 2019 - Learn the entire JavaScript, CSS and HTML development practice!
A guide for front-end developers to equip themselves with latest learning resources and development tools in front-end engineering.