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
Performance
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.
Drawing the Invisible: React Explained in Five Visual Metaphors from @mappletons on @eggheadio
A guide to the fundamentals of React explained through five visual metaphors. From component trees to state, Maggie explains the analogies and metaphorical comparisons that helped her "get" React for the first time. React aside, this is primarily about how and why we should use visuals metaphors. Wrestling with invisible, abstract, complex concepts is part of what programming is all about. But we're often bad at succinctly and clearly communicating the overarching idea of them to other people. Visual metaphors are a powerful solution to this problem - they're perfectly designed to elegantly explain the essence of technical tools in a way pages of jargon-filled docs can't. You can find plenty more visual explanations of programming topics around egghead, and on Maggie's digital garden. If you're interested in learning more about how to illustrate and create your own visual metaphors, check out Maggie's collection of recommended courses and books
Optimizing A Vue App — Smashing Magazine
Prioritizing performance when building our web apps improves the user experience and helps ensure they can be used by as many people as possible. In this article, Michelle Barker will walk you through some of the front-end optimization tips to keep our Vue apps as efficient as possible.
Small Bundles, Fast Pages: What To Do With Too Much JavaScript - Calibre
Analyze and fix JavaScript bundle performance issues with developer tools and strategies.
Performance | 2021 | The Web Almanac by HTTP Archive
Performance chapter of the 2021 Web Almanac covering Core Web Vitals (Largest Contentful Paint, Cumulative Layout Shift, First Input Delay) as well as First Contentful Paint and Time to First Byte
8 Causes of Slow Website Loading (And How To Fix Them) - Calibre
Everyone can improve performance. Choose from a range of basic to advanced solutions to the most common speed issues.
What are LSI Keywords? And Why They Matter For SEO [New Guide]
What are LSI keywords? And how do you use them? I show you everything you need to know about LSI keywords in this super detailed post.
We Analyzed 11.8 Million Google Search Results. Here’s What We Learned About SEO
A large-scale analysis of 11 million Google search results. We look at how content, backlinks and several other factors correlate with Google rankings.
How to Hack YouTube SEO - 26 Tactics for Gaining Top Results
Gain subscribers and views is with these YouTube SEO tips. Get your videos to the top of search results - even if you have less than 1,000 subs.
Google Brand Promotion: Why Brands Rank #1 in Google
A Simple Guide to Bing SEO
Not seeing traffic from Bing? Here’s how to take advantage of Bing SEO and boost your organic traffic within minutes.
17 Advanced SEO Strategies for 2020
A list of advanced SEO techniques that you can use to get higher search engine rankings.
Tips for rolling your own lazy loading | CSS-Tricks
You may have heard (or even issued the call) that “we can just use lazy loading!” when looking for a way to slim down a particularly heavy web page.
Angular 9: Lazy Loading Components
5 steps to faster web fonts /// Iain Bean
Fine-tune your font files and optimise your loading strategy for maximum speed + minimum FOUT
Improve Page Rendering Speed Using Only CSS | by Rumesh Eranga Hapuarachchi | Dec, 2020 | Bits and Pieces
4 Important CSS tips for faster page rendering
javascript - How to detect slow internet connections? - Stack Overflow
Currently, most of the popular websites, like google, yahoo detect if the user connection speed is slow and then give a option to load basic version of the website instead of the high end one.
Wha...
Angular optimisation: Load content below the fold | by Francesco Cantarella | Geek Culture | Medium
Loading a component on the page scroll
Complete List of HTML Meta Tags
Complete List of HTML Meta Tags · GitHub
Unavailable After Meta tag
Insights from Googlers into our products, technology, and the Google culture