Skip to content

Latest commit

 

History

History
256 lines (189 loc) · 23.9 KB

File metadata and controls

256 lines (189 loc) · 23.9 KB

drawing

Let's learn about Web Performance via these 62 free blog posts. They are ordered by HackerNoon reader engagement data. Visit the /Learn 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.

This post is about performance techniques, so I hope you won’t mind that the site in question is not quite finished.

Update 2019:

Learn to build a high-performance web application using Rust and WebAssembly.

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.

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,

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.

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. 🌬️

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?

Learn how to bump up your website load time and improve performance in less than a day with concrete examples

Statemanjs is a powerful, efficient state management library for JavaScript and Node.js.

How to reduce javascript bundle size of web application by dynamically importing es6/javascript modules

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.

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?

Everything I learnt about service workers from making a build plugin for them. This article also expands on common best practices for service workers.

Lazy loading is an important way to improve your PageSpeed Insights. Combined with #Blurhash, you can improve load times. #lazyloading #corewebvitals #SEO

A cache stampede happens when expired cache triggers a flood of backend requests.

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.

Cache busting is a technique so that browsers can have long caches on files while having them reload files when they change

Implementing highlight.js in an Express app for a super fast pre-rendered code highlighting

Globalping vs RIPE Atlas, what are the differences and use-cases

In this article, I'll share 7 optimization tips that every JavaScript developer should know.

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

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.

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.

In this article, we'll discuss using Chrome's Code Coverage panel and how you can leverage its insights to optimise performance.

Pretty much just what the headline says: A list of 21 JS bundlers.

The idea behind server-side caching is to compute the resource once and serve it from the cache to all clients.

@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.

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.

Processing Massive Data On Demand Without Crashing NodeJS Main Thread

Generators are functions which can be exited and later re-entered.

Understanding how the Virtual DOM works is essential for developers who want to make more informed decisions when creating or selecting frontend libraries

What workload analysis and running queries can teach us about the performance differences in JSON, indexing, and concurrency.

AEM library automatically invalidates CDN resources on content updates. Supports flexible configuration and extensibility. Reduces manual effort.

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!

Does your application use dates in some way?

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.

Learn how to implement lazy loading for images and videos in JavaScript using the Intersection Observer API.

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.

A modern RIPE Atlas alternative goes live helping anyone run network tests and latency benchmarks with amazing UI and UX. Fully open source.

Learn how to improve and fix WordPress website performance issues. Step by step tutorial on how to configure free WordPress plugins.

Adopting Core Web Vitals metrics can help you improve your website or app's performance and provide a better user experience for visitors.

Insights on Arabic website usability, focusing on font and image practices, cultural adherence, and recommendations for enhanced legibility and engagement.

Discover powerful strategies to optimize web performance through efficient resource fetching and prioritization techniques. Learn about preconnect, DNS-prefetch

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. 

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

Last weekend we had a chance to fine-tune the performance of SwissDev Jobs.

A Content Delivery Network (CDN) helps you deliver your content more quickly. Read more on how you can achieve that.

Efficient image management in web development: Compare traditional resizing with on-the-fly solutions like imgproxy and Apache APISIX.

Why fans distrust live sports score apps—and the UX, performance, and design signals that make real-time score platforms feel reliable.

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

Globalping is an open source platform for running networking tests and performance testing from anywhere in the world built to be reliable and nonbiased

An in-depth study of Arabic websites highlights font inconsistency, cultural image practices, and future research directions for enhanced usability.

This content drop presents the new aspect-ratio property on CSS.

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.

Four predictions can help mobile marketers be smarter with data and take a full-funnel approach to advance their marketing strategy in 2022.

We’ll show you how to programmatically optimize and standardize user-generated images for better web performance, design consistency, and credibility.

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.

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.