Let's learn about Web Performance via these 62 free blog posts. They are ordered by HackerNoon reader engagement data. Visit the Learn Repo or LearnRepo.com to find the most read blog posts about any technology.
Web performance refers to the speed and responsiveness of websites and web applications. It matters because fast loading times significantly improve user experience, enhance SEO rankings, and can directly impact business metrics like conversion rates.
1. 10 things I learned making the fastest site in the world
This post is about performance techniques, so I hope you won’t mind that the site in question is not quite finished.
2. The Top 66 Developer Resources From 2017
Update 2019:
3. Building a Simple Web App with Rust and WebAssembly: A Step-by-Step Guide
Learn to build a high-performance web application using Rust and WebAssembly.
4. Cache API Calls in JavaScript by Memoizing Promises
Cache API Calls in JavaScript by Memoizing Promises. Store promises in a map with unique key, if the same API is called with the same params, serve from cache.
5. Is Your Code Slow?: Avoid These 19 Common JavaScript and Node.js Mistakes
Learn about 19 common JavaScript and Node.js mistakes that can slow down performance, like excessive DOM access, poorly scoped events, blocking the main thread,
6. How to Create an Instant Search Input with Debounce in React.js
I recently built an anime app that fetches details about animes from an external API. The project had an input field where you could type in the name of an anime to search for. The text typed in the input field was then used to query the API for animes matching the input. The input field was to use “instant search” mechanism. This meant that users where not required to hit enter or press a button for the search to occur. To prevent making a call to the API on every keystroke, I had to debounce the queries made to the API.
7. We Built A Search Engine With MeiliSearch and JavaScript: Here's How You Can Too
Struggle to find the chemistry Nobel prize winner for 1979? Try out MeiliSearch's super-fast-search JavaScript tutorial to find Nobel prize winners in a matter of milliseconds. 🌬️
8. Throttling vs Debouncing in Javascript
Throttling and debouncing, what are they? What is the difference and when and why should we use them in our own javascript-based programming projects?
9. Loaded in 600 Milliseconds: How To Improve Website Speed
Learn how to bump up your website load time and improve performance in less than a day with concrete examples
10. Efficient State Management in JavaScript Apps with Statemanjs
Statemanjs is a powerful, efficient state management library for JavaScript and Node.js.
11. Reduce JS Bundle Size by Dynamically Importing es6 Modules
How to reduce javascript bundle size of web application by dynamically importing es6/javascript modules
12. Web Image Optimization: Best Practices for Speed and SEO in 2024
Discover essential web image optimization techniques for 2024. Learn best practices for image compression, responsive images, lazy loading, and serving images.
[13. How To Improve React App Performance with SSR and Rust
[Part I: SSR]](https://hackernoon.com/how-to-improve-react-app-performance-with-ssr-and-rust-part-i-ssr-b75x36ed)
Server-side rendering (SSR) is technique when content for a web page is rendered on the server using JavaScript.
14. Backend Performance Best Practices: Running and Monitoring Express.js in Production
What is the most important feature an Express.js application can have? Maybe using sockets for real-time chats or GraphQL instead of REST APIs? Come on, tell me. What’s the most amazing, sexy, and hyped feature you have in your Express.js application?
15. 15 Best Practices for Optimizing Service Workers in 2023
Everything I learnt about service workers from making a build plugin for them. This article also expands on common best practices for service workers.
16. Improve Core Web Vitals Using Lazy Loading and BlurHash
Lazy loading is an important way to improve your PageSpeed Insights. Combined with #Blurhash, you can improve load times. #lazyloading #corewebvitals #SEO
17. Explaining What a Cache Stampede Is and How to Prevent It Using Redis
A cache stampede happens when expired cache triggers a flood of backend requests.
18. How to Accelerate App Performance by Performance Engineering? [Best Practices Inside]
Performance Engineering is one of the ways to enhance the quality and performance of an application. Check out the best practices to take advantage of it.
19. How Cache Busting Works
Cache busting is a technique so that browsers can have long caches on files while having them reload files when they change
20. Server Side Code Highlighting in Node [Explained]
Implementing highlight.js in an Express app for a super fast pre-rendered code highlighting
21. RIPE Atlas and Globalping: Choosing the Right Network Measurement Platform
Globalping vs RIPE Atlas, what are the differences and use-cases
22. 7 Optimization Recommendations for JavaScript Developers
In this article, I'll share 7 optimization tips that every JavaScript developer should know.
23. 3 Simple Ways to Optimize Your Images and Improve Core Web Vitals
Image performance plays a huge role in #CoreWebVitals, which in turn play a huge role in SEO. We'll show 3 quick and simple ways to optimize images. #webperf
24. HTTP Live Streaming (HLS): Why It’s the Best Protocol for Video Streaming
HTTP Live Streaming (HLS) is a great way to encode, stream and manage videos for a smooth viewing experience, regardless of bandwidth, device and environment.
25. How to Run Lighthouse Performance Audit Using Github Actions and Zeit
Web performance is getting worse. The median loading speed of mobile sites in 2016 was 2.8 seconds. Today that has gone up to 6.4 seconds. Third-party tracking and analytics code contributes to the load speed. As developers, this is difficult for us to control.
26. Deciphering Chrome's Coverage Panel
In this article, we'll discuss using Chrome's Code Coverage panel and how you can leverage its insights to optimise performance.
27. Server Side Rendering Carousels in Vue.js: Blazing Fast Loading
28. Web Resource Caching: Client-side
29. 21 Javascript Bundlers 🚀
Pretty much just what the headline says: A list of 21 JS bundlers.
30. Understanding Web Resource Caching: Server-side
The idea behind server-side caching is to compute the resource once and serve it from the cache to all clients.
31. Introducing The Web Animations API and @okikio/animate
@okikio/animate is an animation library for the modern web, it uses the Web Animation API to deliver butter smooth animations at a small size.
32. Marketing 402 for Engineers: Diagnostics & Troubleshooting
Every product or company goes through a similar set of steps on the path to success. For every stage of going to market, there’s a stereotypical set of problems you’ll encounter. In this post, we’ll survey these issues and the vectors by which you might debug them.
33. Processing Massive Amounts of On Demand Data Without Crashing NodeJS Main Thread
Processing Massive Data On Demand Without Crashing NodeJS Main Thread
34. Infinite Scroll, Zero Frameworks: Just Generators and Grit
Generators are functions which can be exited and later re-entered.
35. Difference Between Real DOM and Virtual DOM: What You Need to Know
Understanding how the Virtual DOM works is essential for developers who want to make more informed decisions when creating or selecting frontend libraries
36. Postgres and MySQL: Performance Comparisson
What workload analysis and running queries can teach us about the performance differences in JSON, indexing, and concurrency.
37. How to Automate CDN Cache Invalidation in Adobe Experience Manager
AEM library automatically invalidates CDN resources on content updates. Supports flexible configuration and extensibility. Reduces manual effort.
38. Is Ruby on Rails Declining? Not If You Build It
Is ruby on rails still used? absolutely. There is a list of reasons from many startups and a direct review from developers. Take a look at this article hurry!
39. Optimize Your Front End Applications by Migrating From Moment to Dayjs
Does your application use dates in some way?
40. Node.js Performance: The Stuff I Wish Someone Had Told Me
I have been in the tech industry for more than a decade, and during this time, I must admit I have broken production multiple times.
41. How to Implement Lazy Loading Images and Videos in JavaScript
Learn how to implement lazy loading for images and videos in JavaScript using the Intersection Observer API.
42. How to Get the Perfect Core Web Vitals Score and Its Correlations With SEO Results
Check out this Core Web Vitals case study to learn how we went from all red to perfect scores + how that translated into organic impressions, clicks, and more.
43. Globalping - A Community-Powered Global Network Testing Platform - Is Officially Live!
A modern RIPE Atlas alternative goes live helping anyone run network tests and latency benchmarks with amazing UI and UX. Fully open source.
44. 5 Best Free WordPress Plugins to Improve Website Performance
Learn how to improve and fix WordPress website performance issues. Step by step tutorial on how to configure free WordPress plugins.
45. Optimizing Core Web Vitals: A Step-by-Step Guide
Adopting Core Web Vitals metrics can help you improve your website or app's performance and provide a better user experience for visitors.
46. Design Arabic Websites with Consistent Fonts, Optimal Sizes, and Culturally Aligned Images
Insights on Arabic website usability, focusing on font and image practices, cultural adherence, and recommendations for enhanced legibility and engagement.
47. Enhancing Web Performance: Strategies for Efficient Resource Fetching and Prioritization
Discover powerful strategies to optimize web performance through efficient resource fetching and prioritization techniques. Learn about preconnect, DNS-prefetch
48. Core Web Vitals: How To Improve To Rank Higher On Google And Succeed In Your Business
Core web vitals from Google is the new ranking signal in the town expected to arrive with full force in 2021. It will join the ‘page experience signal’ to promote the websites for developing better user experience characteristics like mobile-friendliness, loading speed, etc.
49. What Makes Reporting Software Fast and Why It Matters
Analytical insights are like sparks - they are quick to come and go. That's why fast data analytical software is not a bonus, but a necessity for business today
50. How We Increased our Website Loading Time by 24%
Last weekend we had a chance to fine-tune the performance of SwissDev Jobs.
51. How to Set Up Azure CDN For Lower Latency and Bandwidth Consumption
A Content Delivery Network (CDN) helps you deliver your content more quickly. Read more on how you can achieve that.
52. Optimizing Web Images: On-the-Fly Resizing and Ahead-of-Time Resizing
Efficient image management in web development: Compare traditional resizing with on-the-fly solutions like imgproxy and Apache APISIX.
53. Live Score Apps Only Work If Fans Believe Them
Why fans distrust live sports score apps—and the UX, performance, and design signals that make real-time score platforms feel reliable.
54. How to Improve eStore Performance with QA
A pandemic has become a tipping point for eCommerce. How to cope with the skyrocketed number of shoppers and succeed amid long-term changes? Welcome to find the
55. The Power of Open Source and JavaScript: The Journey of Globalping
Globalping is an open source platform for running networking tests and performance testing from anywhere in the world built to be reliable and nonbiased
56. What's in Store for the Future of Arabic Web Design and Usability
An in-depth study of Arabic websites highlights font inconsistency, cultural image practices, and future research directions for enhanced usability.
57. Understanding How CSS3 Aspect-Ratio Property Works
This content drop presents the new aspect-ratio property on CSS.
58. 5 Things You May Not Know About Google Page Speed Tools
Good news is you know Google Page Speed tools exist and, probably, wonder how to use them to improve your website. Though there is much information out there about the performance tools and website performance analytics, it may seem a bit confusing. We gathered the most important facts to help you understand the topic and use it to your advantage. Whether you are a marketer or a developer, keep on reading as we may have one or two new things here you didn't know.
59. 4 Critical Mobile Marketing Predictions to Help Form your Strategy in 2022
Four predictions can help mobile marketers be smarter with data and take a full-funnel approach to advance their marketing strategy in 2022.
60. Dynamically Processing User-Generated Images for Trust, Personalization and Efficiency
We’ll show you how to programmatically optimize and standardize user-generated images for better web performance, design consistency, and credibility.
61. Understanding Image Types: A Developer's Guide
In this guide, we'll show you all of the major image types on the internet, and when and how to use them for maximum image quality and optimal file size.
62. Throughput in Performance Testing: Why It's Important
Learn all about Throughput, a key metric in Performance Testing, that shows the number of requests a software application can handle in a specific time.
Thank you for checking out the 62 most read blog posts about Web Performance on HackerNoon.
Visit the /Learn Repo to find the most read blog posts about any technology.