Skip to content
  • Home
  • Search
  • Tools
  • About
  • Terms of Service Agreement
  • Log In
  • Guest
  • Home
  • Web App: Resilience and Performance Key Points – A Summary

Web App: Resilience and Performance Key Points – A Summary

Posted on February 11, 2021February 11, 2021 By it4us No Comments on Web App: Resilience and Performance Key Points – A Summary
computer science, network, web, web design

Table of Contents

  • ABOUT
  • #KEY POINTS TO RESILIENCE AND PERFORMANCE – THE CHECKLIST
    • #HTTP2
      • #Advantages
    • #Performance Comparison
    • #More Detailed Information
  • CACHE
  • CDN – CONTENT DELIVERY SERVICE
    • What Is CDN?
  • APPLICATION ARCHITECTURE
    • SPA
    • SSR

ABOUT

I have two main approaches on this site:
– Step-by-Step information
and
– Summaries.

On another site that I publish (Blogger), I have the posts oriented by “Problem vs. Solution”.
So, here you get the information to avoid the problem!

Resilience & Performance is a vast subject, but you get at least a basic checklist to double-check your project.
This is very helpful to avoid problems.

The intention of this post is to keep evolving because it is a very dynamic area.
If you want to contribute with references, additional information, please, you’re welcome, and let me know using the comments or email to do so.
Additionally, if you see another way of doing things, feel free to add your comment. Always useful. Thanks!
As I’ve said, this is a continuous piece of work.

 

#KEY POINTS TO RESILIENCE AND PERFORMANCE – THE CHECKLIST

Check the following points, if your web app is making use of.

 

#HTTP2

#Advantages

Retro-compatibility
HTTP/2 retains the same semantics as HTTP/1.1.
This includes HTTP methods such as GET and POST and the status codes as usual, URLs, fields, etc.

Single, Persistent Connection
Only one connection is used for each web page.
The same connection is used as long as the web page is open.

Multiplexing, Request parallelism & Requests prioritization
Requests and replies are prioritized and multiplexed onto separate streams within the single connection.

Header Compression and Binary Encoding
Uses secure standard, HPACK compression, reducing network traffic.
Header information is sent in a binary compact format, not as plain text.

SSL Encryption
HTTP/2 adds SSL support with better performance.

Server push
HTTP/2 Server Pushallows an HTTP/2-compliant server to send resources to a HTTP/2-compliant client before the client requests them. It is, for the most part, a performance technique that can be helpful in loading resources preemptively.
Wikipedia

 

#Performance Comparison

Check this dynamic comparison test:
Performance testing HTTP/1.1 vs HTTP/2 vs HTTP/2 + Server Push for REST APIs

#More Detailed Information

Introduction to HTTP/2

CACHE

The cache replicates the information with previous traffic and may offer many configurations.
There is a setback when using a cache that must be considered.
They are not recommended for sites where the information traffic is very dynamic, with a low rate of repeatability.
The new information always demands some processing and if the probability to be used again is low, the cache may slow down instead of helping performance.
It is required a fine tunning and careful consideration. It is not a silver bullet.

 

 

 

CDN – CONTENT DELIVERY SERVICE

Think about making use of CDN if your site has become slow, but first check other responsibilities like database latency, code optimization (remember O notation), architecture design, etc.
Then, if still necessary, consider CDN.

What Is CDN?


A content delivery network, or content distribution network (CDN), is a geographically distributed network of proxy servers and their data centers. The goal is to provide high availability and performance by distributing the service spatially relative to end users. CDNs came into existence in the late 1990s as a means for alleviating the performance bottlenecks of the Internet,[1][2] even as the Internet was starting to become a mission-critical medium for people and enterprises.

CDNs are a layer in the internet ecosystem.

Content owners such as media companies and e-commerce vendors pay CDN operators to deliver their content to their end-users. In turn, a CDN pays Internet service providers (ISPs), carriers, and network operators for hosting its servers in their data centers.

CDN is an umbrella term spanning different types of content delivery services: video streaming, software downloads, web and mobile content acceleration, licensed/managed CDN, transparent caching, and services to measure CDN performance, load balancing, Multi CDN switching and analytics and cloud intelligence. CDN vendors may cross over into other industries like security, with DDoS protection and web application firewalls (WAF), and WAN optimization.

@FROM:   Wikipedia

 

APPLICATION ARCHITECTURE

Design is a huge area, but we may begin with SPA vs SSR.

SPA

The bundles tend to become big and heavy requiring more processing to render the page on the client.
On the other hand, after the initial loading, the application runs smother, lighter.
Easier to tune cache.
SEO optimization loss.
XSS vulnerability requiring careful design.

SSR

Fast loading (page comes ready from the server).
The client is less required, so devices having smaller processing power are able to handle the requisition faster.
Requires cache’s accurate tuning.
Better security (source code on server).
Better SEO performance (faster and better processing).
If not well designed it may require more roundtrips (requests to the server to rerender the page).

 

I hope this short piece of information, but still big when putting it to work, helps you as it has helped me.
Good coding!

it4us
it4us

Post navigation

❮ Previous Post: Angular: Step-by-Step: Environment Setup
Next Post: ExpressVPN: Configuration Solutions ❯

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Search

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors
Filter by Categories
angular
bootstrap
browser
computer science
container
data persistence
database
devops
editors
hardware
health
hosting
info
internet
it
java
javascript
network
node.js
play
protocol
security
self-help
selfhelp
server
services
soft
software engeneering
sql
support
Systems
techs
Uncategorized
versioning
web
web design
windows
wordpress

Recent Posts

  • Angular From Scratch Tutorial – Step 9: Modal
  • Angular From Scratch Tutorial – Step 8: Miscellany
  • Angular From Scratch Tutorial – Index
  • angular: Reading JSON files
  • NODE.JS: SEQUELIZE: MVC Project – 4TH STEP

Categories

  • angular (19)
  • bootstrap (6)
  • browser (4)
  • computer science (4)
  • container (1)
  • data persistence (2)
  • database (11)
  • devops (1)
  • editors (1)
  • hardware (4)
  • health (2)
  • hosting (1)
  • info (1)
  • internet (2)
  • it (1)
  • java (13)
  • javascript (32)
  • network (6)
  • node.js (1)
  • play (1)
  • protocol (1)
  • security (4)
  • self-help (1)
  • selfhelp (1)
  • server (2)
  • services (1)
  • soft (1)
  • software engeneering (1)
  • sql (1)
  • support (2)
  • Systems (1)
  • techs (3)
  • Uncategorized (2)
  • versioning (6)
  • web (1)
  • web design (5)
  • windows (3)
  • wordpress (4)

Copyright © 2023 .

Theme: Oceanly by ScriptsTown

We use cookies on our website to give you the most relevant experience by remembering your preferences and repeat visits. By clicking “Accept All”, you consent to the use of ALL the cookies. However, you may visit "Cookie Settings" to provide a controlled consent.
Cookie SettingsAccept All
Manage consent

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary
Always Enabled
Necessary cookies are absolutely essential for the website to function properly. These cookies ensure basic functionalities and security features of the website, anonymously.
CookieDurationDescription
cookielawinfo-checkbox-analytics11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics".
cookielawinfo-checkbox-functional11 monthsThe cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional".
cookielawinfo-checkbox-necessary11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary".
cookielawinfo-checkbox-others11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other.
cookielawinfo-checkbox-performance11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance".
viewed_cookie_policy11 monthsThe cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data.
Functional
Functional cookies help to perform certain functionalities like sharing the content of the website on social media platforms, collect feedbacks, and other third-party features.
Performance
Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.
Analytics
Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics the number of visitors, bounce rate, traffic source, etc.
Advertisement
Advertisement cookies are used to provide visitors with relevant ads and marketing campaigns. These cookies track visitors across websites and collect information to provide customized ads.
Others
Other uncategorized cookies are those that are being analyzed and have not been classified into a category as yet.
SAVE & ACCEPT