Website Performance Optimisation.

As a web developer, our primary goal is not only to make a website for a client or users, we also have to make a performance optz(optimize) website.

 Today, the biggest companies like google, facebook, Amazon, Flipkart, paytm, snapdeal, etc. they are generating or earning the income mainly from online market or from website, So they don`t only making a website and provide the services to users, but they also make a performance full optz website.

 One Day, I reading some blog then we saw that, If Google has a single second latency to search the item then users are move to another search engine and Google lose there 1 million users (if that situation occurs).

 Big companies are investing a lot of time and money to make their website is optz else they have to face a lot of loss.

 So, this task almost depends on the web developer to make a performance optz website.
As per web dev, you not only have a skill to build(code) a great website but you also have the skill to increase the performance of the website.

 Successful web developer:
GREAT WEBSITE + GREAT PERFORMANCE OPTZ = SUCCESSFUL DEVELOPER.

 So how to check our website performance:
let's see here, we have so many tools in the market to check that how our website is really working and its optz or not.

 But, here I know some tools:
  • This website is made by Google to check how our website and competitor website performed.
  • I know you must using google chrome is your system, if no then go ahead and install it now, because we have a great tool to check to the performance of the website in chrome->Inspect->audits->performance(checked it)->Run audits(or check it).
  • This tools also give by Google, they give you more information about website performance.
  • If you want to see more tool for performance optz then visit here.
  • This also checks the performance of web page test.
  • There are many more tools available, you just search and work with it.
This is above tools for website performance analysis.

Why a website is performed too heavy?
IMAGES:
    Today, we commonly see a lot of images in the website.
Some developers, they are making great interactive look website but they consumed a lot of time to load a website and data as well, just because of the images.

So first, we always remember that the images we use in our website its not too heavy.

Google is recommending that, we have to use png image instead of jpg/jpeg, webp image instead of png, SVG image instead of webp/png/webp/jpeg.

 Scalable Vector Graphics (SVG) is an XML-based vector image format for two-dimensional graphics with support for interactivity and animation. The SVG specification is an open standard developed by the World Wide Web Consortium (W3C) since 1999. SVG images and their behaviors are defined in XML text files.

FILES:
    whenever we finish or complete the coding of the website then remove the "white-space".
After that, convert your javascript file to manifest javascript file, there lot of tools available to convert your "JS" file to manifest file.

Inline-CSS, Inline-Javascript:
    The inline code in html is helpful to improve the rendering performance. So, whenever its possible to code inline CSS and JS then grab it.

Browser always show the front end part from rendering the DOM(Document Object Model) and CSSOM(Cascading style sheet object model).
    Its also a broad topic to discuss, if you want to learn more then visit here.

So, this is a short details about Performance optz, Yeah really its short details, you have to learn and prepare more thing and must invest your lot of time to performance optz(my suggestion.) because many big or small enterprise are facing a lot of problem of website performances intead to make a web app.

 RESOURCES:
  • If your want to learn more about Performance optz.So, must visit here.
  • Check it out about loading performance of the website.
  • Watch this video.
  • Learn from this udacity free tutorial.



Comments

Post a Comment

Popular posts from this blog

Languages for AI

Image
As we know, AI is tremendously growing in the whole world because we want automation or smartness in everywhere like in machines, phones, homes, office, any electronic devices, and etc. Now, there are a huge amount of newcomers of computer science students who are moving to AI, ML(machine learning), DL(deep learning), NN(neural network), Data Science, etc to grabs the opportunity of future technology. But some beginners have some confusion about getting into AI, ML, etc. So in this article, we will roll around to this topic. First of all, The primary step is that which depends on your projects which you have to build using machine learning, artificially intelligence, etc libraries. The implementation of AI, ML, Data Science is all about libraries, which is available in programming languages. Programming languages. 1. Python. 2. Java. 3. JS. 4. C++ 5. R. Here, above the list of programming languages that are majorly useful to build AI, ML, DS, etc. So, the first one
Read more

Window vs Linux for Android Development.

Image
As we know that, Today the Mobile app developer is growing day-by-day and there are some newbies(beginners) also want to become a mobile app developer or want to build mobile apps. But some beginners(72% out of 100%) have big trouble to get started with mobile app development in Android. Let us see how, First beginners already know what technology or languages he/she has to adopt such as native langs JAVA, kotlin, c++ or libraries and framework React Native, Flutter, Ionic, Xamarin, native scripts, etc. If you want to know more about langs and libraries for mobile app development in a smart way then check it out my blog. If beginners successfully learn the foundation of mobile app development then they have to work on android studio to developed apps. In that`s situation some beginners have trouble to build an android app in their machine. am also faced that trouble in my past. Now shared my exp about android app development in window and Linux(Ubuntu 16.04+). First of a
Read more

How Network Communications Occurs? | OSI Model.

Image
Today, In this blog we are talking about How Network Communication occurs with the OSI Model. First, the OSI Model Stands for  Open Sytems Interconnection. The OSI model is a conceptual model of how network communication occurs. For network communication to happen, the layers must work together to transmit a message from one device to another. There are 7 layers in the OSI model. We'll start at the top-most layer, layer 7, and work our way down to layer 1.     Layer 7 - Application     Layer 6 - Presentation     Layer 5 - Session     Layer 4 - Transport     Layer 3 - Network     Layer 2 - Data Link     Layer 1 - Physical The OSI model is a breakdown of the various aspects of network communication. It is concerned with the ability of different systems to be connected with each other. It's a conceptual breakdown of all the parts that are involved and groups them into logical sections. Let's check them out. This above image will help you to understan
Read more