0800 150 803
Website designer in Paraparaumu logo
  • Home
  • About
    • About Us
    • CSR Policy
    • Disclaimer
    • Privacy & Cookie Policy
    • Terms and Conditions
  • Services
    • Conversion Rate Optimisation
    • Mobile App Development
    • Pay Per Click Advertising
    • Retail IT Systems
    • Search Engine Marketing
    • Search Engine Optimisation
    • Website Design & Development
  • News
    • News & Posts
    • Web Stories
  • FAQ
  • Contact
    • Contact Us
    • Privacy Settings
      • Change privacy settings
      • Privacy settings history
      • Revoke consents
  • mite reo Māori
Website designer in Paraparaumu logo
  • Home
  • About
    • About Us
    • CSR Policy
    • Disclaimer
    • Privacy & Cookie Policy
    • Terms and Conditions
  • Services
    • Conversion Rate Optimisation
    • Mobile App Development
    • Pay Per Click Advertising
    • Retail IT Systems
    • Search Engine Marketing
    • Search Engine Optimisation
    • Website Design & Development
  • News
    • News & Posts
    • Web Stories
  • FAQ
  • Contact
    • Contact Us
    • Privacy Settings
      • Change privacy settings
      • Privacy settings history
      • Revoke consents
  • mite reo Māori
  • Home
  • About
    • About Us
    • CSR Policy
    • Disclaimer
    • Privacy & Cookie Policy
    • Terms and Conditions
  • Services
    • Conversion Rate Optimisation
    • Mobile App Development
    • Pay Per Click Advertising
    • Retail IT Systems
    • Search Engine Marketing
    • Search Engine Optimisation
    • Website Design & Development
  • News
    • News & Posts
    • Web Stories
  • FAQ
  • Contact
    • Contact Us
    • Privacy Settings
      • Change privacy settings
      • Privacy settings history
      • Revoke consents
  • mite reo Māori
Website designer in Paraparaumu logo
  • Home
  • About
    • About Us
    • CSR Policy
    • Disclaimer
    • Privacy & Cookie Policy
    • Terms and Conditions
  • Services
    • Conversion Rate Optimisation
    • Mobile App Development
    • Pay Per Click Advertising
    • Retail IT Systems
    • Search Engine Marketing
    • Search Engine Optimisation
    • Website Design & Development
  • News
    • News & Posts
    • Web Stories
  • FAQ
  • Contact
    • Contact Us
    • Privacy Settings
      • Change privacy settings
      • Privacy settings history
      • Revoke consents
  • mite reo Māori

Web Design & Development

Home Archive by Category "Web Design & Development"

Category: Web Design & Development

Web Design & Development featuring posts with design and development related topics.
SEOTips & TricksWeb Design & Development

SSL Certificates – What Is An SSL Certificate And Why Should I Buy One?

Have you ever noticed that some website addresses start with ‘http://’ while others start with ‘https://’?

Perhaps you saw that extra ‘s’ when you were browsing an online shop, logged in to your internet banking or perhaps when booking a doctors appointment.

But where did that extra ‘s’ come from, and what exactly does it mean?

An SSL certificate is a digital certificate that authenticates a website’s identity and enables an encrypted connection.


In plain language, that extra ‘s’ means your connection to that website is secure. Any data you enter is safely shared with that website.

The technology that powers that little ‘s’ is called SSL, which stands for ‘Secure Sockets Layer’. Read on to learn how SSL works, how it forms a part of your cybersecurity strategy and how you can buy an SSL Certificate to keep your website safe.

Want to learn more about SSL and why it’s so important? Check out our Top 5 tips below:


  1. What is an SSL Certificate?

  2. How can I tell if my website is protected by an SSL Certificate?

  3. Why should I buy an SSL Certificate?

  4. What are the different types of SSL Certificates?

  5. Where do I buy an SSL Certificate for my website?

As a consumer, you always want to see ‘https://’ when visiting websites that involve sharing your sensitive information. This could be your credit card details or address information perhaps. Likewise; as a business owner, you will want to make sure you have an SSL Certificate to help keep your website safe and secure.

1. What is an SSL Certificate?

 

What is an SSL Certificate

An SSL certificate works by creating an encrypted connection between you and the website to establish trust.

One of the most important elements of online business is creating a trusted environment where website visitors and customers alike feel confident in making purchases. 

An SSL (secure sockets layer) certificate creates a foundation of trust by verifying the identity of a website and securing a connection between the web page and the web browser. If you operate an e-Commerce website and are asking your customers to input sensitive information such as their credit card number, or collect other identifiable information, an SSL certificate ensures that information transmitted to and from your website is encrypted. 

SSL Certificates form the cornerstone of modern cyber security strategies because they greatly help to reduce hacks on a businesses website.

Gartner predicts an increase of 45% in cyber-attacks by the end of 2025.


In order to assure website visitors that their connection is safe and secure, web browsers such as Google Chrome, provide visual cues which are often called EV indicators.

These indicators can be anything from a green padlock to a branded URL bar, regardless of the method – they can all be seen easily which should make you feel more confident you’re shopping in a safe place.

You can tell that a website has an SSL certificate installed when HTTPS (Hypertext Transfer Protocol Secure) appears in front of the URL (i.e https://viewfule.com/news). On the other hand, if a website does not encrypt its data you will see a warning sign and the words ‘not secure’.

So, what does an SSL certificate look like?


If you click on the small padlock that appears next to any website with HTTPS in front of the URL, you’ll be able to view the information about its SSL certificate.

ssl padlock url
You’ll see the name of the certificate holder, the issuer and the validity period. All SSL certificates expire eventually and require renewal.

An SSL certificate contains many details about the issuer of the certificate, a copy of the issuer’s public key and a digital signature of the certificate issuer. Here is what our SSL certificate looks like:

what does an ssl certificate look like


2. How can I tell if my website is protected by an SSL Certificate?

 

ssl certificate checker
Head over to Qualys SSL Labs and perform a free SSL Server Test on your website. 
It will take a few minutes to complete, but once it’s done, it’ll provide you with a wealth of information on the security status of your website.

It will grade your website from A+ to F and as you can see from the test performed on our website above – it checks a lot more that just your website. They interrogate the quality of the SSL certificate and the secure protocols your web server supports too, amongst others.

The Qualys SSL Labs test is one of the best cybersecurity tools in the world – and it’s 100% free.


This is a comprehensive website security assessment which is why it’s one of the best in the world. Trust what it says. Rarely do 100% free tools come along that are worth their weight in gold, but this one truly is.

Not all website security is created equal, far from it in fact, and SSL certificates are no exception. There are strong ones and weak ones, this free checker by Qualys is superb at rooting out the weak ones that are likely to cost you in the long-term so we encourage you to act upon it’s advice. Speaking of weak certificates, we strongly recommend against using the free ‘Let’s Encrypt’ SSL Certificates, they do practically nothing to improve your website’s security posture and certainly won’t help you financially recover in the case of a hack.

The last thing you want is to believe your website is secure, to then end up being hacked because a weak SSL certificate was chosen that wasn’t suitable for your use case – ask yourself this question, is it worth the risk? We’re only talking a few extra dollars here.

If your website has a grade lower than B, please do reach out to us so we can help restore the security of your website. It’s a fast and affordable service we offer clients world-wide.

3. Why should I buy an SSL Certificate?

 

why should I buy an ssl certificate
If you own a basic website, you should have an SSL certificate but it’s not essential.
In the spirit of full disclosure, your website will work perfectly fine without one. But if you are mindful of cybersecurity and the ever present threat of hacks, you really ought to invest in one.

However, if you are running an e-Commerce website or anything that involves asking users to login with a username and password, or are collecting sensitive information such as credit card numbers, address details or financial accounts – you absolutely need an SSL certificate to ensure the transmission of the data is safe and secure. Ask yourself this question, how would you feel if the situation were reversed?

Improve your cybersecurity posture with an SSL certificate – this means less chance of a hack.


The total number of attacks, per company, increased from 206 to 270 year over year in 2021. Which is an increase of over 30% – an SSL Certificate helps to increase your website security so you don’t fall victim to an attack. As these threats are very real and increasing, adding additional layers of security is a wise move.

Many website owners choose to have an SSL certificate even if they are not collecting sensitive information (such as credit card numbers) because they don’t want to be perceived as not keeping up with the times. So many websites embrace SSL these days – over 1.8 million SSL certificates have been issued as of 2021 – and so your decision goes a long way to reassure nervous buyers you are a trustworthy company and keeping up with modern trends.

Another major perk of SSL certificates are the warranties. Some come bundled with a form of insurance should the worst happen and an SSL failure was deemed the culprit. You might be able to claim anywhere from $500k right up to $3million to help your company financially recover. For some businesses, this reason alone is worth investing in one.

Boost your search engine rankings with a premium SSL Certificate.


Lastly, Google’s algorithm rewards websites that have them. SSL certificates are directly linked to Search Engine Optimisation, or SEO, so this value-add should not be overlooked. Especially if you are actively investing in your Web SEO. Your website will be given a boost in the search engine results pages (SERPs) if you have strong SSL certificate.

4. What are the different types of SSL Certificates?

 

What are the different types of SSL Certificates
There are three different types of SSL certificate.
They are:

  • Domain Validated (DV)
  • Organization Validation (OV)
  • Extended Validation (EV)

 The one that’s best suited for you will depend on your website and how much security you need:

  • DV SSL is best suited to personal websites or small projects and is the least expensive of the three. A DV SSL Certificate requires that the website owner verify that the domain is registered to the domain owner, this is achieved through the WHOIS database and makes them fast to issue. These are the most popular SSL Certificates with over 80% of the market share.
  • OV SSL is best suited to every day businesses or non-profits, and requires a higher level of verification to attain. As a result of these additional checks, an OV SSL Certificate is considered more secure than a DV SSL Certificate. The certificate issuer verifies the address and location of the owner prior to issue. These are popular certificates and occupy just over 17% of the market share.
  • EV SSL is best for e-Commerce businesses and organisations that exchange financial data (such as Banks and Lenders) as it offers the highest level of protection. In addition, these certificates offer the highest monetary warranties to any website affected by a failure of the SSL. The downside to all this protection however is the cost, they can be 10x more expensive than a DV SSL Certificate which is why they only hold around 2% of the market share. 

It’s probably worth mentioning at this point there are variations of the types of SSL certificates outlined above. Their purpose is to make like easier if you own lots of domains or sub-domains as you only need to buy one SSL certificate and they’re all protected in one go. The variations are known as:

  • Single Domain SSL Certificate (only covers a single domain name and sub-domain).
  • Wildcard SSL Certificate (covers a single domain but an unlimited number of sub-domains, often include warranties).
  • Multi-Domain SSL Certificate (covers all top-level domains you own for your business, such as a ‘.nz’ and ‘.co.nz’ etc, include good warranties).
  • Multi-Domain Wildcard SSL Certificate covers all top-level domains as above and includes unlimited number of sub-domains, include excellent warranties)

To summarise all the information above, if you’re looking for the strongest SSL Certificate on the market for a business that operates many different domain names – consider a Multi-Domain EV Wildcard SSL Certificate.

Likewise, if you’re a small business owner who only needs one to protect their basic one page website and only own one domain name – consider a Single Domain DV SSL Certificate.

Obviously every business is different and ought to be assessed carefully for their cybersecurity needs, but this is a good rule of thumb to follow. 

5. Where do I buy an SSL Certificate for my website?

 

Where do I buy an SSL Certificate for my website?
We highly recommend The SSL Store which is now part of the DigiCert family – a founding name in SSL Certificates.

The SSL Store has over 15 years of SSL & Cybersecurity experience with access to over 110+ products through their online store. They have helped over 200,000 companies around the globe protect their businesses, employees, and customers. 

With credentials that strong, this is why we proudly partner with them and actively encourage our clients to purchase an SSL certificate with them directly.

Within 5 minutes, you will have found and purchased the right SSL certificate for your website. They make the whole process really easy and include instructions how to add them too. Now, that’s one less thing to worry about!

Your next steps.

At VIEWFULE, we intimately understand the world of online security is ever changing. Threats come from all corners of the globe these days and sometimes it can make you feel like you’re not in control. But, SSL certificates are one thing that help empower you and take back control. Your website will be much more secure with one than without. But if the worst does happen and you are hacked, even with an SSL certificate, they can come with warranties ranging from $500k – $3million to help you financially recover and get back on your feet. So if having this reassurance is of interest to you, Reach out for your FREE consultation and we’ll talk through SSL certificates for your business to keep you and your customers online shopping experience safe.

SSL Certificates Leaderboard (728 x 90)

Read More
Oli Oli 09/02/2023
4
SEOWeb Design & Development

Search Engine Optimisation (SEO) – How to Get on the First Page of Google Part 1

Search Engine Optimisation, or SEO, is arguably the most important way to drive targeted traffic to your website. This is because SEO leads to improved ranking in the Search Engine Results Pages (SERPs). Every business wants to be on Page 1 of Google, but with only limited places – they can’t all be there.

Read on to learn some effective SEO strategies that can help earn you a coveted spot on Page 1 of Google and start reaping the rewards! 

SEO delivers targeted traffic to your website that you need to succeed online.

Did you know that 68% of online experiences begin with a search engine? That’s a lot of people trying to find something. Perhaps they’re trying to find you. Wouldn’t it be incredible if you got on to Page 1 and were quickly found?

We think so and the numbers speak for themselves – The #1 result is 10x more likely to get a click compared to the 10th. SEO will help to achieve this for your business.

Google Ads, along with other PPC marketing channels such as Facebook advertising, stop delivering the web traffic as soon as the ads stop running. Search engine optimisation solves this problem by providing a steady stream of traffic to your website 24 hours a day, 7 days per week – without all the ongoing cost.

SEO delivers ‘organic traffic’ to your website, it’s promotion that never sleeps.


Promotion that never sleeps and never rests is a dream come true for any business. This is the reason why so many people are desperate to have their websites search engine optimised.

The web traffic just keeps on flowing and it often improves with time as more content is added to your website, Google builds trust with you, and more site visitors come.

This article is Part 1 of a 5 part series written to teach you the art of Search Engine Optimisation, or SEO. We’ll cover the basics, right up to the more lucrative and rarer methods that get results.

Read every article and they will help you to improve your relevancy, target the right audience, and improve your search engine rankings. Get ready as we deep dive the latest techniques in 2023!

Starting with:

  1. Define your SEO Strategy

  2. How to perform Competitor Analysis

  3. How to Identify Keywords

  4. Keywords Do’s & Don’ts

  5. How do I Apply Keywords?

 

1. Define your SEO Strategy


how to define seo strategy
First, let’s explain what an SEO strategy actually is.
We’ll then provide you with some real-world examples so you know exactly how to create your own.

An SEO strategy will help you to achieve your digital marketing goals, this is a fact, so it’s vitally important you have one before you start anything. This is why it’s first on this article.

So, without further ado, what exactly is an SEO strategy?

An SEO strategy is defined as the process of organising a websites content – by topic – to improve the chances of appearing in search results.

Essentially, it’s the process you follow in order to maximise the opportunity to gain organic traffic from search engines, such as Google. This matters because organic traffic is precisely what we are aiming to achieve – your website needs a lot of it to succeed online.

An SEO Strategy will spell out exactly what you need to do – and when.


Being prepared with an ‘oven-ready’ SEO strategy, before you actually start doing or paying for anything, is really important. This is because it helps you stay on track when creating content which means it avoids you wasting time and money.

Instead of just creating what you think people are searching for, your SEO strategy will ensure you only create content that people are actually searching for. 

To save you time, here are some real-world examples of what an SEO strategy actually looks like. They are 100% free to download templates so why not take a look?

They have all been populated with examples of what companies, just like yours, use to define effective SEO strategies. Depending on your industry and goals, naturally SEO strategies can vary, but the core structure and topics often remain the same. 

Setting up a Blog and defining a posting schedule are often part of an SEO Strategy.


So, what topics should you cover in your SEO strategy? In no particular order, let’s start with these proven topics… get ready, there’s a few!

  • Define your Goals (What do you actually want to achieve?)
  • Describe your Customer Persona
  • Perform Competitive Analysis
  • Keyword Research & Implementation Plan
  • Align Content with Search Intent
  • Differentiate Titles to Boost SERP
  • Conversion Tunnel Optimisation with SEO
  • Monitor & Report on your Website Analytics
  • On-Page Technical Analysis
  • Content Strategy (including Video SEO)
  • Off-Page Link Building Strategy
  • Mobile Search Strategy
  • Local SEO Strategy
  • Core Web Vitals

Now you’re armed with real-world examples and topics to start thinking about, you can begin to write your own SEO strategy. Next, we’re going to dive straight in topic three on that list – Competitive Analysis.

2. How to perform Competitor Analysis


seo competitor analysis

SEO competitor analysis, or competitive analysis, involves researching your online competitors
thoroughly in order to understand their target keywords, content strategy and backlink profile (amongst others).

The reason you do this is to incorporate many of the things that are working for them into your own SEO strategy.

This approach is smart because it completely avoids guessing which keywords to target, content to create, or links to build. Instead, by researching your top 5 competitors, you are able to analyse what’s working well for them – and build upon that success.

An SEO competitor analysis can help you answer the burning questions such as:

  • Who actually are my SEO competitors? (Spoiler, it’s unlikely to be who you think)
  • What keywords should I target?
  • What does the competitive landscape look like?
  • What topics should I cover?
  • Where can I find valuable backlinks?

Behind every successful business, are hours of research.

Researching your competitors and answering similar questions is not a new concept. Long before you founded your own company, we bet you walked in to other competing businesses first or at the very least worked for one or two previously.

Reviewed their product offering, investigated their margins, reached out to some suppliers or perhaps even gained some inspiration from their branding too. No one, from the ‘Ma and Pop’ business down the street to the most successful businesses in the world – haven’t thoroughly researched their competitors first and you should be no different.

This is also true in the digital space and precisely why taking a long hard look at your online competitors is vital to fulfilling your SEO strategy. It is for this reason it features on Part 1 of this 5 Part series.

So, how do you research an online business? You use online software!


Two popular platforms right now are Seodity and SEMRush.

These are powerful SEO tools and even with only a 1-month subscription, they will help you to create an effective search engine optimisation strategy. All you need is a domain name to get you started, they handle the rest.

Consider these two companies carefully; we’d recommend choosing the one which better aligns with your goals so do compare the product offering as they do differ a bit.

Whichever one you choose – before you know it, you’ll have gained a vast amount of knowledge on your online competitors and be fully prepared what to do with it that knowledge.

3. How to Identify Keywords

keyword research for google rankings


Keywords are vitally important to any SEO strategy – even in 2023.
Choose the wrong keywords and your website will not rank well in search engines, it’s as simple as that. 

This means all the effort, and expense, would have been for nothing. So, what exactly are keywords?

Keywords are defined as the words or phrases you enter into a search engine, the goal being to find something – a product, service or maybe to answer a question.

Perhaps you are in need of a local florist, the keywords you might use to search for one might be ‘a florist near me’ or perhaps ‘wedding florists in kapiti’.

A keyword does not have to be just one word, it can be many. These are called ‘long-tail keywords’ and are used for one reason – to be very specific what you’re searching for.

Identifying long tail keywords and shorter keywords is vital for your website.

But they need to have search volume too, in other words, people other than you need to be actively searching for them as well – a lot. Ideally, you should aim to choose two or three keywords for each page on your website, different for each page and relevant to the content on it.


Why do keywords matter so much, especially with online marketing?


They matter because placing the right keywords on the right pages of your website can improve your ranking in the search engine results pages (SERPs). And, by doing so, increase your organic traffic.

Once again, this is precisely what you want to achieve with search engine optimisation. Web traffic is the life blood to your website and you need lots of it to gain market share.

Keywords differ in three main areas. These are:

  • Search volume: How many people are searching for a particular keyword.
  • Competitiveness: The Domain Authority (DA) and Page Rank (PR) of the sites currently ranking for a particular keyword.
  • Intent: What the user is looking to find when entering a keyword into a search engine.

By performing keyword research effectively, it helps you determine the best keywords to add to your webpages. They even help shape the content on those pages too so this can help with inspiration should you need it.

Seodity and SEMRush both provide you access to sophisticated keyword research tools. But, so does Google Keyword Planner for free… granted, it does have a steeper learning curve.

Whichever tool you use, they can all reveal the search volumes, competitiveness and the intent of your chosen keywords. So, now you have some keywords in mind, let’s cover the Do’s and Don’ts!

4. Keywords Do’s & Don’ts

keywords for seo dos and donts


Keywords need to be distributed around your entire web page.
Not all grouped up in one place or added too many times on a webpage.  

Too many keywords on one page is a practice known as ‘Keyword Stuffing’ and if you fall foul of it, your website will tumble down the search rankings. We’re talking cliff edge here.

Most SEO experts recommend that your keywords should appear in no more than 2% of your text. For example, if your post or page has 1,000 words, using your primary keyword less than 20 times should be safe.

However, this guideline is largely speculative as Google does not release official advice on what the optimal keyword density is so it’s best to play things safe and be conservative.

Once you have written the text and you’d like to check it for keyword stuffing. You can use this keyword density checker for free as a quick means of verifiying.


If in doubt, play it safe. Reduce your keyword density.

Another important thing to note, is to ensure the keywords are added in context.

Using our florist example from earlier, the following paragraph would be considered keyword safe as it includes the keyword ‘local florist’ in context and not too many times given the character length:

‘We are your local florist based in Paraparaumu delivering Birthday and Wedding flowers to your door, 365 days a year, 7 days a week. Bloomin Good Flowers are the trusted local florists on the Kapiti Coast for over 35 years’.  

One last thing to mention is that keywords change.

What is being searched for this month might not be next month, people’s search habits change regularly and nothing stays the same for very long.

So, it’s really important that you remember to keep up-to-date on your keyword research to keep the web traffic flowing.

We recommend, for most businesses, checking at least every 3-6 months. Some less competitive industries and regions may get away with performing it annually, but keeping on top of them either way is important to your success online – so don’t neglect it.

We offer some of our clients ‘real-time’ rank monitoring of their keywords, so reach out to us if you’d like to be aware of any changes on a daily or weekly report. This way, you’ll be first to know if the wheels are falling off!
 

5. How do I Apply Keywords?

how to add keywords to wordpress
Once you have chosen your keywords, you’ll need to add them to your website.

This is the part that can get a bit technical so feel free to reach out to us at this stage if you don’t have a website developer on speed dial!

There are 7 places you will want to add them to, ideally, but this will depend on the objective of the webpage as some might not be suitable.

They are:

  • Title Tag 
  • Meta Description
  • Meta Keywords
  • Page Content (incl. all the Headers from H1 to H6)
  • Link Text
  • Images ALT & Title Text
  • Embedded File Names (any attached files on the page)

So, how do you apply keywords?

If you are using WordPress, this task is surprisingly easy to achieve and can be accomplished by following this helpful video prepared by a Youtuber.

To start, you will need to download a plugin called Yoast SEO from the WordPress plugin directory and follow the in-app instructions.

Yoast SEO is completely free and provides you with the ability to add your keywords. Are there better options? Sure. But this is plugin is a great place to start and you’ll learn a lot from it with it’s shallow learning curve.

If you’re curious, there is a Premium plugin option for Yoast SEO which we would highly recommend if you can stretch to it. Infact, we used the Premium option in the image above. It will save you time and help you to gain more insight on applying keywords to your webpages – that’s a major win!

For other CMS platforms or Web Frameworks, please get in touch. Laravel, Joomla, PrestaShop, Magento, Drupal etc all require a unique approach to implement SEO effectively so it’s important it be done correctly.


Your next steps.

At VIEWFULE, we intimately understand the importance of SEO in 2023. As the internet becomes more competitive and millions more web pages are added each month, your place in the search results will change. It’s as predictable as the sun rising each morning. But to keep the right web traffic flowing to your website, you need to define your SEO Strategy, keep a watchful eye on your competitors, choose and apply the right keywords and actively monitor your rank in the search engine results. This powerful approach will not only maintain your place in the search results, but gain places too. Stay tuned for the 2nd part of this 5 part series so your Brand can benefit from the power of SEO and dominate in Google in 2023!



Domain Mega Sale

HostArmada - Affordable Cloud SSD Web Hosting

Read More
Oli Oli 26/01/2023
13
Tips & TricksWeb Design & Development

Google Analytics 4 (GA4) – What GA4 Means For Your Business In 2023

Google Analytics 4, or GA4, is the fourth major release of Google Analytics since it was first released in November 2005. Google Analytics was born from the purchase of Urchin, a web statistics program, and has evolved 3 times since to become the most popular web analytics tool in the world. Check out how it evolved below:

urchin web analytics by google
Today, Google Analytics 3, or GA3, is installed on more than 30 million websites and holds a market share of over 82%.

There is no doubt that it has become a huge success commercially, but a lot has happened over the past 10 years – and it hasn’t all been good news.

Read on to learn more about the latest version – GA4 – why it has been released now and what it means for your business.

Including, how to migrate over from GA3 with a Universal Analytics Property.

Google Analytics 4 is a privacy-focused analytics suite to meet the needs of a changing world.

GA4 will not only become the default form of Google Analytics but it will also become their only analytics offering from July 1st 2023.

As a result of this change everybody – businesses and individuals – currently using GA3 will need to switch over to GA4.

It will not happen automatically.

This means it will be a disruptive change which will lead to business impact. In this case the impact will be a sudden loss of your web analytics tracking new hits.

Therefore, preparing for this change well ahead of time is vital to ensure you remain in control of your website monitoring and smooth sailing continues.

 

Google Analytics 4 (GA4)

In this article, we are going to answer all the most important questions about GA4 so you are fully clued up about what’s coming and why. These include:

  1. Why Did Google Analytics Change Now?

  2. Universal Analytics (GA3) vs GA4

  3. Is GA4 Cookieless?

  4. How Do I Migrate To GA4?

1. Why Did Google Analytics Change Now?

why change to ga4 google analytics
Because really, Google kinda had to.

Google first announced GA4 in 2019, this release had been planned for almost 4 years so it was due. Google wanted to build better and improve upon GA3, much like they had with it’s predecessor GA2.

Their intention was to more accurately measure the performance of marketing strategies and drive business growth by showcasing the audience’s behavior in more helpful ways.

GA4 was released in October 2022 and, in many ways, re-invents web analytics as we know it. A major factor in the timing of GA4’s release, was in the recent implementation of privacy laws.

Such as:

  • The General Data Protection Regulation (GDPR) in Europe
  • The California Consumer Privacy Act (CCPA) in the United States
  • The Privacy and Electronic Communications Regulations (PECR) in the United Kingdom.

Google Analytics is heavily used in these regions, more than anywhere else in the world, so this greatly influenced why Google Analytics needed to change.


Strict new data protection laws meant an update was needed.


Google Analytics 3 did not adhere to any of them in its default setup form and as a result of this, it was ruled against in Europe. The Austrian, French, Italian and Dutch data protection authorities (DPA) ruled that the use of a default setup of Google Analytics violates GDPR.

Although the reasons for this ruling are complex, it all comes down to the where Google Analytics 3 stores the data and how it handles cookies, specifically third-party cookies. They ruled that GA3 does not go far enough to sufficiently protect personal data. 

Germany was particularly concerned with Google Analytics 3, but didn’t go so far as to ban it even though there was speculation that they might. Instead they placed the responsibility on website owners to handle visitors cookies responsibly. So far though, no fines have been issued.

France has also taken it’s own approach to further reinforce it’s stance on Google Analytics by ordering a number of websites to remove it completely in 2022.

But it isn’t just about privacy laws, industry giants are weighing in too.

Apple have not publicly commented on Google Analytics and the privacy laws aspect. But they have announced during the roll out of iOS14 that they see the world as a cookieless one, as reported by Forbes.

Apple have also rolled out an update to Safari which disables Google Analytics from tracking users completely.

As a result of all this change in consumer data protection, it was time for Google to release a new version that addressed all the legal concerns whilst reassuring users that they were taking their privacy seriously.

Their solution was Google Analytics 4 or GA4 and they used this opportunity to re-invent how visitors are tracked whilst improving the service offering. We’ll delve deeper into how they did this below.


2. Universal Analytics (GA3) vs GA4


ga3 vs ga4 what are the differences
There are a vast number of differences between GA3 and GA4.

As you can see on the comparison above, they are completely different beasts. For starters, GA4 uses a measurement model based on events and parameters. Whereas GA3 uses measurements based on sessions and pageviews. 

This is a major difference in the way GA4 tracks a user. Universal Analytics collects data at the property level with a tracking ID, whereas GA4 collects data at the stream level via a unique data stream ID. In plain language, this means it’s smart. Really smart.

Every activity taken by a user will be counted as an ‘event’ in GA4 and heavily leans on machine learning and statistical modeling to ‘fill in the gaps’ whilst providing additional capabilities at the same time. 

What GA4 means for your business, is that you will end up with much more detail on how users are engaging with your website. Especially over a period of time as GA4 does not stop tracking when a session ends anymore. By using a unique stream ID, GA4 knows it’s the same person when they come and go from your website.

GA4 is really intelligent and will provide your business far more clarity and certainty than GA3 ever did.

Let’s compare GA3 vs GA4 with the key takeaways

ga4 dashboard
The Dashboard – At first glance, the differences between GA3 and Google Analytics 4 seem enormous as the reporting interfaces are completely different. This is due to many of the reports and metrics you’re familiar with being either replaced or removed. When you first login to GA4, you may also notice considerably fewer reports than with GA3. But not to worry, they will begin to generate once you start tracking events.

Sessions – In GA3, a session is a combination of page views, events and transactions (amongst others) taken by one visitor within a given timeframe. You can think of a session as a container for all the actions a visitor performs while on your website. By comparison, Google Analytics 4 sessions aren’t limited by time at all. Since it doesn’t create new sessions for source changes mid-session, your session count will likely be much lower. But your average session time will likely increase. Also, the average pages per session is no longer measured at all in GA4.

Bounce Rate & Engagement Rate – Google Analytics 4 does not measure bounce rate at all. Instead, you’ll find yourself using a new metric – the engagement rate. Rather than just looking at visitors who don’t move to another page on your website, engagement rate also considers the time spent on the landing page. This difference makes engagement rate and bounce rate incomparable. Google Analytics 4 offers a range of engagement metrics including ‘engaged sessions’, ‘engagement rate’ and ‘engaged sessions per user’ too which helps provide a more well-rounded perspective on user movement on your website.

Mobile App Tracking – Mobile app owners, GA4 is a welcome relief for you. You no longer have to measure your apps separately from your websites! With Google Analytics 4, you can accurately track cross-platform data between your website and mobile app. That’s a massive headache avoided, simplifies your tracking efforts and it’s money in the bank too.

Data Retention – The data GA4 stores will expire, at most, after only 14 months. This will be a problem for some organisations who like to retain data over many years. In GA3, you could choose your data retention timeframe: 14 months, 26 months, 38 months, 50 months and ‘do not automatically expire’ which is code for never. But with Google Analytics 4, you only have two options: 2 months and 14 months. While year on year comparisons will still be possible, accessing your historical data will no longer be possible so it’s really important that you export all your reports from GA3 so you can continue to compare in the years ahead. We recommend you do this sooner rather than later.

3. Is GA4 Cookieless?


cookieless world with google analytics
Yes and no. There were rumours that GA4 would be entirely cookieless at launch but this has proven to be false. GA4 still uses cookies by default but it can be setup to avoid them entirely. Should you need this setup please do reach out to us as we can do it for you. But just know, you will lose some functionality.

Google Analytics 4 only uses what are called ‘first-party’ cookies and not ‘third-party’ cookies.

Not all cookies are created equal and so the issue about cookies isn’t really about whether websites use them or not per se. Such as, to remember the contents of your shopping cart for example. But rather a concern of when websites track you across multiple websites.

Over time, they can learn a lot about you and piece together your personal data. That is where the privacy concerns lie. When cookies track visitors across multiple domains, they are called ‘third-party’ cookies. Third-party cookies are where most people have concerns, and rightly so.

Third-party cookies are often used for things like re-marketing campaigns and spamming. Remember getting an email almost immediately after visiting a website? This was probably because your email address was revealed from the third-party cookies.

Although GA4 cannot solve this problem on it’s own, they are only one piece of the puzzle afterall, it will help to greatly reduce this happening as an 82% market share has a huge influence.

4. How Do I Migrate to GA4?


how to migrate from ga3 to ga4
The migration for many of us from GA2 (Classic Analytics) to GA3 (Universal Analytics) was relatively painless 10 years ago.

But the migration from GA3 to GA4 isn’t quite as simple. It all depends on how many things like Goals and Events you currently use as they will need to be recreated.

To make things easier, we would recommend that you migrate using 6 key phases. These are:

Phase 1. Create GA4 property
Phase 2. Audit your GA3
Phase 3. Migrate items to GA4
Phase 4. Test Test and more Testing
Phase 5. Switch from GA3 to GA4
Phase 6. Archive GA3 data

We will write a separate article on how to migrate from GA3 to GA4 using the 6 phases above. It will guide you through step-by-step how to perform the migration. So, in the mean time, start making a note of your Goals and Events etc.  And although we naturally cannot cover every organisations need, it will satisfy most small businesses who use Google Analytics 3. So stay tuned for this!

Your next steps.

At VIEWFULE, we are excited by the release of Google Analytics 4. This is without a doubt, a big step in the right direction. Google are going a long way to address consumer privacy concerns. Whilst adhering to the ever changing world of privacy laws. They also include some exciting new capabilities to provide you with more insight. But there is still a long way to go which is why we offer our own Analytics suite.

AnaTrix Web Analytics Suite offers full privacy protection and much more, whilst being 100% cookieless with the added benefit of you owning all the data 100%. But if you wish to stick with Google Analytics, we will help you get the most from it. So reach our for your FREE consultation and we’ll talk through migrating your GA3 account to GA4 with all the bells and whistles added from the start!



Domain Mega Sale


HostArmada - Affordable Cloud SSD Web Hosting

Read More
Oli Oli 19/01/2023
11
SEOWeb Design & Development

Core Web Vitals – How To Rank Higher In Google In 2023

In 2021, Google made a big change to how it ranks websites in the search results. What they did was take a closer look at something called Core Web Vitals. They then refined and improved them further in 2022.

Although Core Web Vitals sounds like something from a Shortland Street episode, it’s a major change in how Google ranks your website. So, read on to learn exactly what they are so your website can rank higher in the Google search results in 2023!

Core Web Vitals make poorly coded, slow websites pay a heavy price in search results.

To help you get started, we have put together a guide that helps answer the burning questions:

  1. What are Core Web Vitals?

  2. What do Core Web Vitals mean for my Digital Marketing Strategy?

  3. How do Core Web Vitals work?

  4. How do I improve my Core Web Vitals score?



core web vitals lcp fid cls


1. What are Core Web Vitals?

Core Web Vitals are made up of three metrics that analyse a visitors experience on your website. Loading time, page interactivity, and visual stability.

In other words, it looks at how fast your website loads, whether text and images dance all over the place and how quickly you can start using the website when it first appears on your screen.

Before we continue, we would recommend adding the Lighthouse Chrome Extension and generate a report by loading the extension in your Google Chrome web browser.

This report will give you a quick overview of how your website’s Core Web Vitals are looking, see below for an example of our website on a Desktop setting. You can switch it to score the Mobile experience too and it’s important that scores for both are as close to 100 and in the green as much as possible.

lighthouse score core web vitals
Alternatively, if your website is using Google Search Console you can see the results without the chrome extension.
Look in the Enhancements section on the left-hand menu and you’ll find Core Web Vitals.

You can see the details it provides using the traffic light colours. Red of course means bad! The details section is really helpful and guides you straight to the issues, no guessing game here just identifying and fixing – if it’s all green, you are good to go.

 

core web vitals desktop google search console

 

2. What do Core Web Vitals mean for my Digital Marketing Strategy?

Google have identified that these three metrics are a vital part of a website experience. Simply put, Google does not want to send people to poorly coded, slow websites any more.

Their intention is clearly to improve the internet experience for everyone and they firmly believe that Core Web Vitals is the way to go. To be honest with you, we agree with them on this one.

Core Web Vitals became a key ranking factor in June of 2021. Since then, websites all around the world have taken a hit on their rankings.

Unless you want your website to fall way down on the search engine result pages (SERPs) – and stay there – you need to improve your Core Web Vitals. If you do, riches are to be made.

Netzwelt improved their Core Web Vitals and saw advertising revenues increase by 18% and page views by 27%. Likewise, when a website meets the Core Web Vitals thresholds, research showed that visitors were 24% less likely to abandon the page load. Results like these are game changers for most businesses.

Content generation is not King maker anymore

Given just how much Google are rewarding websites that achieve the Core Web Vital thresholds, our recommendation would be to focus less on heavy content-driven marketing strategies now.

Lots of unoriginal content that lack quality or context is bad for ranking anyway. But with the rise of Core Web Vitals, that approach is even more dated and likely to cost you in the long term.

Instead, focus on delivering a fast, smooth and responsive browsing experience with the content you already have.

A Core Web Vitals centric approach is much more likely to rank you ahead of your competitors who are still stuck in 2015.

This is not to say stop creating content, far from it, but if the content is being pumped out in huge volumes with the sole intention to influence ranking – it will all be for nothing without good scores on your Core Web Vitals.

3. How do Core Web Vitals work?


So what are the key metrics of Core Web Vitals? They include, the LCP, FID and CLS. We’ll explain exactly what these metrics are below:

Largest Contentful Paint (LCP)

lcp largest contentful paint

The LCP metric looks at the overall loading time across your whole website. This means, the amount of time passed in seconds from the moment you land on the website until the largest image or section has loaded.

Naturally, this takes longer than your FID but you’ll want to get the overall loading time of your website down to 2.5 seconds or below.

After researching many websites over the years, we have come across some that take up to an extraordinary 30 seconds to fully load. In the age of ultra-fast fibre internet, that’s a lifetime and Google knows this too. Which is why they will start to make websites like that pay a heavy price by lowering their rank in search engine results pages (SERPs).


First Input Delay (FID)

fid first input delay
Do you remember a recent experience when you landed on a website and no matter how many times you press a button nothing happened? It was frustrating, right? This is why Google has made this a key part of the Core Web Vitals.

First impressions count, and this is no different in the digital space. When you land on a website, you want to be able to take action almost immediately.

FID measures the time in milliseconds that it takes from clicking on a link on the website (Button, Menu etc) to being able to take action on the webpage. The lower the number, the better the experience it will be for your site visitors and Google will reward you for this.


Cumulative Layout Shift (CLS)

cls cumulative layout shift
Don’t you just hate it when you’re reading an article on a web page and all of sudden, the text moves around? Or worse yet, when you’re banging your mouse furiously to close a pop up and you accidentally click it because it moved suddenly? Not a fun experience was it.

The CLS metric gives you an idea of how often, and how badly, this scenario is impacting the user experience. If text and/or images are suddenly dancing all around the page whilst someone is browsing it, then your Core Web Vitals score will be negatively impacted. The content which is doing this is considered an ‘unstable element’.

How much they move around the screen can be noted in percentages. i.e a popup moved down on my mobile phone screen by 25%. The CLS score however is calculated in fractions, granted this may seem complicated at first but it’s much easier to work out when you start in percentages and then just convert them into fractions. We’ll show you!

So how is the CLS Score calculated?

The CLS score is calculated from the impact and distance fractions of how much an unstable element has shifted on your screen (or viewport).

So, using an example, an unstable element moves 75% of the total viewport, so its impact fraction is 0.75. As the unstable element has moved by 25% of the viewport height, this results in a distance fraction of 0.25. So the layout shift score would be 0.75 * 0.25 = 0.1875.

From this example, the score would mean the webpage falls within the ‘needs improvement’ grade.

 

4. How do I improve my Core Web Vitals score?

What can I do to improve the Core Web Vitals on my website

 

Now that you have a better understanding of what Core Web Vitals actually are, why they should matter to you and hopefully had a look at your website’s overall score. You’ll want to know what you can do to improve them.

You are now at the stage when you’ll want to start discussing these things with your website developer. The solutions to many of these issues are quite technical, sure some are a quick fix but others might take time depending on the platform you use.

However, to make sure you’re prepared with the right information, we have covered a few things below which you can share with them to get started. If you don’t have a website developer on speed dial, remember that we would be happy to help so reach out to us for your FREE consultation.


How to stop things dancing around your webpages

How to stop things dancing around your webpages

There is nothing more frustrating than text dancing around a webpage whilst you’re trying to read it. To help you address this here are a few things your web developer should consider:

Add the exact height and width for all the images used on the website to the code. This will ensure the web browser knows exactly how much space is available to load the image and will prevent it from continuously determining it each time the page loads.

Use containers, these are basically designated boxes for Ads on your webpages to load in. We have seen so many times, particularly on news websites, where an article gets pushed down after we started reading it to make room for the display ads. It’s a common mistake to overlook these, containers really help to improve the structure of a webpage so nothing loads where it shouldn’t and then gets moved around afterwards.

Why is website loading time important?

Why is website loading time important

 

The number one reason visitors will leave your website is if it loads too slowly. Think about it, would you be willing to wait upwards of 30 seconds for a website to load these days?

We wouldn’t and from our experience, most people wouldn’t either.

The worst part though is the impact this will cause to your Brand’s reputation in the long-term if the status quo remains.

Nearly 60% of visitors will abandon a website if they experience more than 3 seconds of load time, and the majority will not return either. With a knock-on effect they may share this negative experience with others and deter them from engaging with your brand too.

This is why slow loading times, especially the initial loading phase when your site visitors are most likely just staring at a blank white page – is particularly damaging for a business. In other words, getting that initial loading time down is intimately tied to succeeding online.

Famously Jeff Bezos, the founder of Amazon, spent millions of dollars to get Amazon’s initial loading time to below 1 second because he knew it would cost Amazon billions of dollars more in lost revenue if he didn’t.

People just don’t have the time these days to wait so the chances they will jump ship to your competitors is higher than ever. Is it worth risking over something as simple as a few seconds? We don’t believe so and recommend doing everything you can to get that time down, just like Jeff did.


Make your website load faster

make your website load faster

Reduce the time it takes for a visitor landing on your website to load all the images and text
. So, here are a few things that either you or your web developer can achieve:

Images are more often than not the largest contributor to slow website loading times. You can resolve this in two ways.

First, by reducing their physical dimensions.

Images chosen for websites are rarely sized exactly to what is shown or needed, they are usually far too large and this is often caused by them being uploaded straight from a digital camera. As the megapixels have increased and cameras improved over the years, they now generate images with far more detail and clarity than you actually need.

No one needs a ‘6000 x 4000’ sized image on a website. At best, you’ll need a ‘1920 x 1080’ but often even smaller than that is perfectly fine. You can achieve all of this for free by using Image Resizer. Upload them, choose a smaller size, then download them – it’s as simple as that.


Resizing & Compressing images will improve your Core Web Vitals.


The second, is by compressing the images.

You can do this for free by using TinyPNG. Whether the image is a JPG or PNG they will compress it using a sophisticated algorithm that removes unnecessary code but retains the quality, in other words you can’t see any change to the image but the file size is now greatly reduced.

By resizing and compressing your images you can shrink images by up to 90% – that’s a big reduction which will reward you in a faster website loading time.

Next you need to consider implementing a Content Delivery Network or ‘CDN’. We have written an article about CDN’s already which we definitely recommend you read at this point. But just know, they work really well and will make your website load faster without even touching the code.

Time to get techie

Lastly, on to the more technical things. Ask your web developer to optimise your JavaScript execution, ideally either defer or delay any non-critical JavaScripts from loading first. It will greatly reduce the initial loading times.

Next we would recommend asking them to minify the CSS and HTML on the website. This removes any spaces from the files and shrinks the sizes down – it’s surprisingly effective.

Fortunately, it’s much easier to achieve all of these technical improvements if you’re on WordPress as a plugin named WPRocket can do it all for you whilst implementing sophisticated caching technology too which speeds things up even more. It’s a plugin that is definitely worth considering. But if you’re not using WordPress or just don’t want the hassle, we can help you either way so reach out to us.


Your next steps.

At VIEWFULE, we not only care about achieving top Google rankings for our clients but maintaining them too. Getting on Page 1 is tough, especially if you are in a highly competitive industry. So the last thing you want is to tumble down the rankings just because Google updated their algorithm one day.

Core Web Vitals are here to stay, they are undeniably in the interest of the customer experience as no one enjoys browsing on poorly coded, slow websites. So keep ahead of the game by winning at Core Web Vitals today, so you keep winning tomorrow. Remember to reach out for your FREE consultation and we can talk through implementing all of these improvements, and more, on your website.



Domain Mega Sale


HostArmada - Affordable Cloud SSD Web Hosting

Read More
Oli Oli 05/01/2023
15
Tips & TricksWeb Design & Development

Laravel Framework – Why It’s The Best Choice For Web Development

If you are confused by all the different web development frameworks and unsure which one to choose for your next project, you are not alone. There are literally dozens of options out there. Some of the biggest names though are Angular, CodeIgniter and CakePHP.

Each one has their fair share of advantages and disadvantages in web development. But we are going to put those three to one side for a moment and get straight to the ‘juicy bits’ by revealing another option which rules them all. So without further ado, meet the Laravel Framework – this is the ‘knight in shining armour’ your project has been waiting for. Read on to learn why!


The Laravel framework is open-source, easy to get started and super efficient.

So what exactly is Laravel? Laravel, is a web app development framework. It is not a CMS or eCommerce platform – they are built to serve a specific purpose. Laravel is more of an all-rounder.

Sure, you can use it to develop a CMS or eCommerce platform – and OctoberCMS is one – but it can do so much more than that.

From creating an elaborate website for the media giant Warner Bros. Entertainment, to developing sophisticated web-based invoicing systems at InvoiceNinja to building the global eLearning platform Alison – all 3 of these behemoths, are Laravel powered.
laravel framework logo

Welcome to the wonderful world of Laravel.


So where did it all start and why? The Laravel framework was created by Taylor Otwell in 2011, an American programmer, with the sole intention of helping website developers make complex coding simpler and faster.

Up until that point it was messy to say the least. Laravel is based upon Symfony components, but it alleviates some of the commonly executed tasks like routing, authentication, sessions and caching (amongst others) so that developers can focus on building the actual features of the app.

Simply put, this mean less time spent on the boring parts and more time spent on the fun parts people will actually see and interact with! Who wouldn’t love that.

So, now you know the history and a brief overview of what Laravel can achieve. Let’s delve into the exciting details with the Top 5 reasons why you should choose Laravel for your next web development project.

  1. Laravel is Easy to Learn

  2. Laravel is Open Source

  3. Laravel Supports MVC Architecture

  4. World Class Security is Standard for Laravel

  5. Laravel has a Growing Community

 

1. Laravel is Easy to Learn

laravel framework coding


The first reason why developers enjoy using Laravel is because it’s extremely easy to learn the basics.
Even if you’ve only dabbled in website development and familiar with the basics of PHP, you can easily develop a 5 page website in only a few hours with Laravel.

All you need is a text editor & PHP installation to get you started. It really couldn’t be easier, which is why 1000’s of developers are learning it every day.

Imagine how quickly a skilled Laravel Developer could create a complex web app or even a CMS to rival WordPress – think days rather than weeks.

But that’s not even the best part, it’s the fact it is highly secure and very fast right from the beginning. When compared to WordPress, expect the exact same website on the same web server to perform up to 40% faster – it really is that much more efficient. 

2. Laravel is Open Source

laravel open source


Laravel is 100% free, with no financial commitment at all.
It follows WordPress in this regard and it’s proven to be a winning choice.

As of 2022 there are over 800,000 live Laravel websites, a number that has doubled since 2021 and forecasted to double yet again next year.

You can develop large and complex web applications with the only cost being the developer themselves – that’s a win for any organisation!

3. Laravel Supports MVC Architecture

MVC Architecture laravel


It is a native MVC based PHP framework.
So what does this mean exactly? It basically guarantees a tight separation between presentation layers and business logic.

MVC stands for Model, View, and Controller. It’s a design pattern that separates the model (logic, data handling), view (UI), and controller processes (interface).

By being based on MVC, the Laravel framework provides many features like high performance, increased security, and scalability in one go. This is a big deal and the main reason why Laravel is so fast and secure, all the other web frameworks that do not embrace MVC fall short in this regard.

 

4. World Class Security is Standard for Laravel

laravel security advantages


The Laravel framework offers a plethora of high-level security technologies built-in
. Although there is no single framework that is 100% protected from online threats, Laravel goes a long way to satisfy even the most risk averse web developer or client.

The framework’s unique tools, such as CSRF tokens, look after the security of the project by checking each and every request.

Similarly, a hacker would be hard pushed to perform any SQL injection, cross-site request forgery, or cross-site scripting on a Laravel powered website. It has gained a reputation the world over for being the ‘gold standard’ for web security.

5. Laravel has a Growing Community
laravel community portal


Laravel has a large community of highly skilled developers.
They continuously provide support to make it more flexible and scalable.

If you are looking to develop a web app with complex functionalities, a lot of documentation is at your disposal free of charge and a person is never far away for help should you need one on laravel.io.

 

Your next steps.

At VIEWFULE, we strive to pair our clients with the right platform for their specific use case. Laravel has a lot to offer just about any organisation based in any industry. But the real takeaway is the speed you can achieve it. What this means for business is a faster turnaround on projects which are beautifully coded and work really efficiently – that is money saved, pure and simple. So if this matters to you, reach out for your FREE consultation and we’ll discuss implementing the Laravel Framework with your business.



Domain Mega Sale


HostArmada - Affordable Cloud SSD Web Hosting

Read More
Oli Oli 29/12/2022
18
Tips & TricksWeb Design & Development

Litespeed Web Server – Why Apache and NGINX Are Now Obsolete

First of all, what is a web server? In plain language, a web server is a computer that stores, processes, and delivers website files to web browsers.

Web servers consist of hardware and software that use Hypertext Transfer Protocol (HTTP) to respond to web users’ requests made through the internet. Through this process, web servers load and deliver the requested webpage – such as Google – to your web browser. 

There are many different types of web server software. But the most common is Apache.

apache vs nginx
Apache runs 39%
of the top one million websites in the world. Followed closely by NGINX (pronounced Engine X) with 32%, in third is CloudFlare Server holding 14%, fourth is Microsoft IIS at 8% then we have close behind at 6.5% – Litespeed.

It’s that last one, but by no means least, we’ll be focusing on in this article. Why we believe it won’t be long until it takes the top spot and why this should matter to you. Spoiler, you have a a lot to gain from Litespeed and we’ll show you why! So read on…

Litespeed Web Server is highly efficient, this means websites load faster.

Litespeed Web Server, abbreviated as LSWS, is almost a newcomer to the web server ‘scene’ having been founded in 2003. Over the last 19 years, LSWS has gained a vast, perhaps even cult-like, following among web hosting companies due to its efficiency.

With its streamlined ‘event-driven’ architecture, web hosting companies running LSWS could, in theory, double the maximum capacity of the websites on their servers if they switched from Apache.

litespeed web server performance
Imagine if you are a web hosting company with 40 servers running Apache and each server could host 400 websites. The maximum number of websites you could host, theoretically, is 16,000.

But then you hear about this technology called Litespeed Web Server that could double your hosting capacity to 32,000 websites – just by installing it…

Wouldn’t you be tempted?

Litespeed Web Server is the fastest growing web server technology on the planet.

 

The web hosts certainly were and that’s why LSWS has authorised hosting providers on all 4 corners of the globe. It’s been a monumental success story.

Now that you know what a web server is, a few of the alternatives (NGINX etc) and know what Litespeed Web Server can achieve for the hosting business. Let’s focus on how it can benefit you, a website owner.

Those web hosting companies didn’t just choose Litespeed technology purely for the capacity benefits. They chose it for the performance advantages the technology offers too.

And let’s be honest, everyone loves a fast website so it’s an easy sell.

Litespeed vs Apache vs NGINX – it’s a show down.


Intro’s complete, it’s time we provide you with some examples of just how much faster Litespeed web server is when used with the most common CMS and web frameworks.

So let’s find out by answering the questions:

  1. How much faster is Litespeed with WordPress?

  2. How much faster is Litespeed with Joomla?

  3. How much faster is Litespeed with Drupal?

  4. How much faster is Litespeed with Magento?

  5. How much faster is Litespeed with Prestashop?


To keep things as fair as possible, all platforms use recommended caching technology where possible
and the performance comparisons will be based on Requests per Second, or RPS. Using the RPS metric for this comparison is sensible because it’s a key performance indicator that accurately measures the throughput of a system. This is why it is commonly chosen to measure the performance of web servers – throughput is everything.

1. How much faster is Litespeed with WordPress?

WordPress website
In order to use Litespeed with WordPress, a plugin is required.
It’s called LSCache and is available free of charge from the WordPress plugin directory. It takes some time to configure and isn’t as fast to get up and running as say, WPRocket. But once it’s ready to go – it can’t be beaten.

Here is a direct comparison of the same WordPress website running on all three web server technology:

wordpress-performance-server
No contest was it? Even though NGINX shares a similar architecture to Litespeed (both are event-driven) and therefore has much more in-common with Litespeed than Apache. Litespeed still blew it away by up to 12x. Apache was left in the dust, it just can’t compete and was beaten by up to 84x.

What this confirms is, if you are running a WordPress website on an Apache web server in 2022, you need to switch to Litespeed.

This doesn’t even factor in the performance gains from upgrading to HTTP/3 QUIC – Litespeed web server was the first to embrace this new technology and the comparison was only for HTTP/2 to create a more even playing field.

Big names such as Cure, Katy Perry and The White House all use WordPress powered websites – Yes, the President of the United States uses WordPress to convey White House news.

 

2. How much faster is Litespeed with Joomla?

joomla website


In order to use Litespeed with Joomla, a plugin is required.
It’s available free of charge for Joomla 3 and Joomla 4 directly from the Litespeed website. The implementation is much the same as for WordPress – it takes time. But once its ready to go, nothing else compares.

litespeed-joomla-benchmark


Once again we see huge gains in requests per second. Litespeed simply dominates by handling up to 428x more requests per second than NGINX. Apache once again, is left behind.

What’s clear is if you are running Joomla, migrating to Litespeed is well worth your time.

In case you were wondering, Brands such as Roger Federer. Pro Beauty Medical Group and How Am I Going? all use Joomla powered websites. 

 

3. How much faster is Litespeed with Drupal?

drupal website


In order to use Litespeed with Drupal, a plugin is required.
It’s available free of charge for Drupal 8 and Drupal 9 directly from Github. Installation is much the same as for WordPress and Joomla, it does take time to configure and optimise. But once it’s complete – nothing beats it.

drupal-performance-server
In this comparison, things changed slightly. Varnish was used as the server caching technology of choice for both NGINX and Apache. But even then, they don’t come close.

Litespeed can handle up to 6x more requests than NGINX with Drupal 8.

Interestingly, Apache isn’t quite so far behind with Drupal than it is with Joomla. This is most likely due to the lower latency and synchronous design of Apache performing better with the two architectures communicating more efficiently. That being said, Litespeed is still able to handle up to 14x more requests than Apache.

In case you were wondering, Brands such as Tesla, UNICEF and Nokia all use Drupal powered websites.

 

4. How much faster is Litespeed with Magento?

Magento website


In order to use Litespeed with Magento, a plugin is required.
It’s called LiteMage and it is available for Magento 1 and Magento 2 directly from Litespeed. Unfortunately it is not free and costs $2500USD per year – not exactly a bargain. But this does include support, updates and some installation advice.

Migrating your Magento website to Litespeed is definitely worthwhile though, costs aside. Up to 3x more requests can be handled than on NGINX and if you’re running a multi-million dollar online store – which many Magento powered websites are – what is $2500usd to them really? Peanuts.

In case you’re curious, the Brands Liverpool FC, Landrover & Nespresso are all powered by Magento.

magento-performance-server


6. How much faster is Litespeed with Prestashop?

Prestashop lightspeed web server performance

In order to use Litespeed with Prestashop, a plugin is required. It’s called the LSCache Module and it’s available free of charge for Prestashop 1.6 & 1.7 directly from Litespeed. Installation is faster and easier than on some other website platforms but the performance gains are staggering once all is said and done.  

Migrating your Prestashop website to Litespeed is a no brainer…

prestashop litespeed cache performance


Expect your website to handle upwards of 1500x more requests than NGINX and 600x more requests than Apache.

Interestingly, Prestashop actually performs faster on Apache than NGINX, more than double too, it’s the only website platform tested that does.

This could be down to the way dynamic content performs similarly on these two platforms with a slight lean towards Apache. Then there’s the latency factor, Apache with it’s synchronous design has lower latency. Either way though, once again Litespeed is your champion.

In case you were wondering, Brands such as Samsung, Theme Forest & El Pais are all powered by Prestashop.



Your next steps.

At VIEWFULE, we encourage all our clients to choose web servers that are powered by Litespeed Technology. It’s clear from the test results above, your website will load faster if you do. All of the major website platforms experience an increase in performance with the increase varying anywhere between 3x and 1500x in requests per second. These are staggering gains and remember, a faster website is a more succesful website.

One webhost we highly recommend partnering with is HostArmada. They offer Litespeed web hosting packages on Cloud SSD servers at affordable prices with data centres located all around the globe – so they are well worth checking out!

But that aside, there are other website platforms that can benefit from Litespeed technology too. Laravel, OpenCart and PHP scripts can all work with, and benefit from, Litespeed Web Server. If you would like to implement Litespeed on your website, reach out for your FREE consultation and we’ll talk you through it.



Domain Mega Sale


HostArmada - Affordable Cloud SSD Web Hosting

Read More
Oli Oli 24/11/2022
29
Web Design & Development

Colour blindness – Why Designing For The Colour Blind Matters

There are over 300 million people around the world, right now, who are colour blind. 1 in 12 men and 1 in 200 women suffer with colour blindness. The most common cause is genetics, whereby the condition is inherited from a parent. However there are other causes too, you can become colour blind in later life, or as a result of an injury to your eyes or brain.
 
In this article we are going to spread more awareness of this condition, whilst also driving change in the industry. By considering their experience on your website, you as a business and Brand have a lot to gain.

 

Approximately 200,000 people in New Zealand, right now, are color blind.


What most people who are trichromatic don’t realise, these are people with ‘normal vision’
, is that there are many different types of colour blindness. As a result, the needs of each person impacted by it are different.
 
Most colour blind people are able to see things as clearly as others, but they are unable to fully ‘see’ red, green or blue light.
 
Complete colour blindness is very rare, this is when an individual cannot see any colour at all and is known as Achromatopsia. Take a look at all the known types below:
 
types of colour blindness
 
The most common form of colour blindness is known as Red/Green colour blindness. This is when someone is unable to differentiate Reds and Greens. With a sensitivity to one colour more than the other.
 
Less Red but more Green is called Protan colour blindness. More Red and Less Green is called Deutan colour blindness. Blue-Yellow colour blindness is less common and known as Tritan colour blindness. It makes it hard to tell the difference between blue and green and between yellow and red.
 
Something that’s really important to note here is that just because they struggle to see those specific colours, doesn’t mean they see other colours correctly. These colours feature in many others, red for example is a primary colour, so it can cause considerable impact on a persons daily life.
 
A real-world example of this impact is shown below with the aid of some tulips and a pug, put yourself in their shoes for a moment:

 

colour blind dog flowers

 

It looks like a whole different world doesn’t it? Remember, 200,000 people in New Zealand right now have this condition – it’s a lot of people. These are people who can become your customers too, loyal and love what you offer, but only if they can see your Brand and connect with it.

 
One thing is for certain, if you make the effort and consider their experience – at the very least, they’ll appreciate you for trying.
 
This is when web design that understands their needs really matters and can make all the difference between an unhappy experience where they can’t see any buttons, navigate around or read any text. To a happy experience, whereby they navigate around your website with ease reading everything clearly as you intended.
 
Imagine the conversion potential, and the referrals, a happy experience could bring you.
 
Our website was designed for the colour blind and features contrasting colours throughout to be more easily seen, this includes the buttons and the menu too.
 
See our home page below with the same types of colour blindness used above as a direct comparison:
 

Normal Vision

Normal vision home page
 

Deuteranomaly Vision

Deuteranomaly vision home page

 

Protanopia Vision

Protanopia vision home page

 

Tritanopia Vision

Tritanopia vision home page
 
Everything is clearly legible and encouraging you to interact isn’t it? Even in low light conditions.
 
Consider how this design technique could apply to your website and extend the reach of your Brand around the world. It could make you the next success story.
 

Your next steps.

 
At VIEWFULE, we design websites with colour blindness in mind with all our web design packages. We do not charge extra for this service because we feel it’s the moral and ethical thing to do. But the good news is, if your website was designed elsewhere, we can review it and update it for a charge so you too can increase your Brands reach. So why not contact us for your FREE consultation and we’ll discuss through making your website and by extension, your Brand, colour blind friendly.
 
One last thing, if you would like to make a child’s Christmas extra special this year who is struggling with vision impairment, consider donating to Low Vision NZ. It’s a superb charity and they’ll really appreciate it. Thank you!
 
Domain Mega Sale
 
HostArmada - Affordable Cloud SSD Web Hosting

Read More
Oli Oli 17/11/2022
40
Tips & TricksWeb Design & Development

HTTP Security Headers – 5 Must Have Headers To Boost Your Website Security

HTTP security headers are a fundamental part of website security and should be of top priority to everyone who publishes anything on the internet. Once the headers have been implemented, they protect your website from the most common types of attack.

These attacks are: XSS, code injection and click-jacking attacks (amongst others).

The sad truth is, security headers are often overlooked in website audits and it’s a big oversight. They involve the security of your site visitors and your customers… how would you feel if the situation were reversed?

The fallout could be really damaging to your Brand in the event of a hack, especially if it were deemed easily preventable with an HTTP Security Header. But the good news is, security headers are relatively simple to configure and will provide another layer of protection to help keep your website, and its visitors, safe.

Read on to learn what HTTP Security Headers are and how to apply the securty headers to your website.

HTTP Security Headers make your website safer for everyone.


We encourage you to check your website free of charge right now by visiting Security Headers. They will grade your website from A+ to F. Prepare yourself, you might be in for a shock. 

This is a fast way of gauging how skilled your website developer is and how secure your web server and website platform is all at the same time. Your website should not score lower than a B these days, if it does it means your website is exposed to threats.

Why not type in your web developer or marketing agencies domain name and see how security conscious they are? For reference, here is our score:

 

Check your Website Security Headers


How To Implement HTTP Security Headers

 

There are multiple ways to implement http security headers, and one popular way is with an .htaccess file. The benefit of using the .htaccess file in this case is because it saves a web developer from adding another plugin or line of code to the website.

It’s always best to avoid the plugin option. Poorly coded plugins can become a security risk in themselves, so minimising the number of installed plugins is always a wise approach. This is especially true in the case of WordPress.

But by using the .htaccess file method, it also avoids you adding lines of code to your website files which might be ‘reset’ in the event of an update. Hard code edits always carry this risk.

To find the .htaccess file. Simply login to your web hosting and open the file manager (you can also use FTP), and you’ll fine the .htaccess file present in your root folder in most cases.

The process of adding the security headers to the .htaccess file is really quite straightforward, it’s just adding lines of text after-all, but choosing the right security headers and then developing them specifically for your website – is what takes the time.

What do HTTP Security Headers look like?


For reference, here are the headers from our website. Granted, just an extract, but enough to see what they look like ‘in action’. 

Any modern web browser can reveal these ‘Response Headers’ by simply inspecting the page code and viewing the network information.

Take a look at another website, see what they show in the response headers section compared to ours. It’s probably a lot less information than this:

 

http security headers extra viewfule.com


So, now you’ve seen your website’ grade, seen where the headers live and know how to add them using the .htaccess file method. It’s time to discover exactly what they are.

Here are five HTTP security headers that you should consider implementing on your website ASAP. There are many more security headers, but these cover the basics at least.

Please note, each one needs to be tailoured especially to your website and should not be copy and pasted from our examples. We encourage you to reach out to your website developer for them to be safely implemented – or just ask us.

 

  1. HTTP Strict Transport Security (HSTS)

  2. Content Security Policy (CSP)

  3. X-Content-Type-Options

  4. X-Frame-Options

  5. Permissions-Policy

 

 

1. HTTP Strict Transport Security (HSTS)

The HTTP Strict Transport Security (HSTS) header tells the web browser that the entire website should only be accessed by a secure HTTPS protocol. Most websites only implement a 301 redirect from HTTP to HTTPS which simply isn’t secure enough.

It’s very easy to intercept it with what’s called a ‘man in the middle’ attack. HSTS totally prevents this and forces HTTPS every time and for every session. This ensures the connection cannot be established through an insecure HTTP connection which could be susceptible to attacks.

All modern web browsers support HTTP strict transport security except for Internet Explorer and some lesser browsers so this is highly effective and widely compatible.

Here is an example of what the header looks like. You can include the max age, subdomains, and preload:

  • Strict-Transport-Security: max-age=31536000; includeSubDomains; preload


2. Content Security Policy (CSP)

A Content Security Policy (CSP) helps prevent attacks such as Cross Site Scripting (XSS) and other code injection attacks. It achieves this by defining content sources that are ‘approved’ and by doing so, allowing the browser to load them.

All modern browsers currently offer full or partial support for content security policy and it won’t impact the delivery of the content if it’s loaded on an older web browser, it will simply not execute it.

There are many directives that you can use with Content-Security-Policy. The example below allows scripts from both the current domain which is defined by ‘self’ as well as AnaTrix the VIEWFULE Analytics Suite:

  • Content-Security-Policy: script-src ‘self’ https://analytics.viewfule.com


3. X-Content-Type-Options

The X-Content-Type-Options header prevent the web browser from ‘sniffing’ a response away from the declared Content-Type. This helps reduce the danger of drive-by downloads and helps serve the content the way you intended.

Sniffing allows the browser to figure out what the element is (an image, text, etc) and then render that element. Hackers however will try to trick the web browser into thinking that a harmful JavaScript file is actually an image (for example), allowing the browser to download the file and then subsequently execute that file.

This is bad news for a site visitor, as it can lead to a ‘drive by download attack’. This is when there is an unintentional download of malicious code to your computer or mobile device that leaves you open to a cyber-attack.

Here is an example of what the header looks like with a simple directive to avoid sniffing:

  • X-Content-Type-Options: nosniff


4. X-Frame-Options

The X-Frame-Options security header helps stop click-jacking attacks. Click jacking is when a site visitor is tricked into clicking on a link or button (amongst others) which doesn’t do what they believed it would.

This hack can be used, for example, to steal login credentials or to get the user’s permission, completely without their knowledge, to install a piece of malware. Thankfully this problem is very easy to address with this security header and is compatible with all web browsers since Internet Explorer 8.

Here is an example of what the header looks like with a simple directive to use the same origin:

  • X-Frame-Options: SAMEORIGIN


5. Permissions-Policy

Permissions Policy is a new header, formerly known as the Features Policy. It allows a website to control which features and APIs can be used in the browser. This is achieved by communicating whether or not features such as the Webcam, Speakers or USB access will be required as a part of the website experience (amongst others).

By clearly defining these on the header, you are able to broadcast your intentions and be far more transparent with your site visitors.

Here is an example of what the header looks like with a simple directive to avoid using the Camera, Speaker or USB ports:

  • Permissions-Policy: camera=(); speaker=(); usb=();


Your next steps.

At VIEWFULE, we take our clients website security seriously. HTTP Security headers are one tool we use to achieve this and when combined with a Premium SSL Certificate – it shows confidence and skill that you know how to keep your website secure for visitors and customers alike.

Implementing HTTP security headers is specific to each website and impacts whether they use an online shop or make use of external sources. The web server that’s used also matters and varies depending on whether you’re using Apache, NGINX or Litespeed. So reach out for your FREE consultation and we’ll talk through implementing these security headers, specific to your use case, on your website.



Domain Mega Sale


HostArmada - Affordable Cloud SSD Web Hosting

Read More
Oli Oli 10/11/2022
40
Tips & TricksWeb Design & Development

WordPress – Top 5 Reasons Why This CMS Dominates The World

WordPress is a Content Management System or CMS. It was never intended to become a website building tool or eCommerce platform, it was purely created for blogging. However, since it was released in 2003 its popularity has soared.

From it’s humble beginnings as a fork of Cafelog, WordPress now powers over 43% of all known websites on the planet. It’s a force to be reckoned with, no other CMS comes close to rival it. Read on to learn more about WordPress and why this CMS dominates the world!

 

WordPress offers control, developmental speed and value that few CMS can rival.

 

Here are our Top 5 reasons why you should consider powering your website with WordPress:

 

  1. WordPress is 100% Free

  2. WordPress is SEO Friendly

  3. Customisable & Flexible Web Framework

  4. WordPress is Highly Scalable

  5. WordPress Community Support

 

1. WordPress is 100% Free

wordpress is open source software


WordPress is open source software (OSS), this means the original source code is made freely available. This is a game changer, there are very few platforms that can be installed and used 100% for free without ever requiring a financial commitment.

WordPress is one of them and has been for almost 20 years now. Thankfully there are no plans to change this anytime soon either.

For clarity sake, it is worth mentioning that web hosting providers that offer ‘Managed WordPress’ solutions, or the like, do charge. However that is because they are a host and have their operating costs to consider, these costs are not associated with WordPress itself.

As a result of making the source code freely available, there are millions of developers who have seen opportunities to create Themes and Plugins for it. Some are Free, others offer them for a fee.

As of 2022, there are over 60,000 free plugins and over 9,000 free themes in the official WordPress Plugin Directory so you won’t be short of options or design inspiration that’s for sure!

By including these service ‘add-ons’, you are able to create a fully functional website, online store, booking engine or even a membership site – all on WordPress. For a start-up or small business, this could save thousands in upfront and ongoing costs.

Leaving the only costs to consider being any chargeable Themes or Plugins required plus the costs of the Domain name(s), Web-hosting package and the skills of a Web Designer and Web Developer to help realise your vision. 

 

2. WordPress is SEO Friendly

wordpress is seo friendly search engine optimisation


A WordPress powered website can be on the front page of Google, it is 100% search engine friendly.
You don’t need expensive website builders to get you on page 1 of Google or Bing. No matter what their fancy pants marketing says. WordPress can do it too and for a fraction of the time and cost.

We’ll cover SEO in more detail over the course of a series of separate articles (such as this one) but just know – WordPress has you covered.

With only free plugins, you can assign each page and post on your website a unique meta tag, meta title, meta keyword, and meta description. In addition to generating a sitemap that self-manages. This makes it a highly SEO friendly platform.

Granted, these capabilities can be expanded upon and become more powerful with some chargeable plugins. But, the free ones do a good enough job in most cases. This all matters because it allows for more precise optimisation and better ranking in the Search Engine Results Pages (SERPs).

One plugin that can help achieve this with a lot less hassle is Yoast SEO – we would highly recommend it, the paid premium upgrade is often worth it too.

3. Customisable & Flexible Web Framework

wordpress is customisable
When it comes to customisability and flexibility, WordPress is legendary.
Your imagination really is the only limitation with WordPress. From beautiful animation driven websites to lush image-heavy responsive designs, WordPress delivers.

One of the major reasons why WordPress is loved the world over, by businesses and developers alike, is because it can be tailoured to meet just about any design requirement. And quite amazingly, it can achieve it fast too.

This is all thanks to using what are called ‘page builders’. The two most popular page builders on WordPress right now are Elementor and WPBakery. They will help to create a unique website that will resonate well with your target audience in a matter of days. If you need any help or inspiration with them – YouTube is your friend thanks to their excellent support base. 

Some of the most successful organisations in the world, from The New York Times, to MTV News and The Walt Disney Company – all use WordPress powered websites.

The framework is so flexible, modern and responsive that websites can be created very quickly and be easy to maintain too. Instead of days – think hours. This results in a website that is both cheaper to operate and faster to rectify if, and when, things go south.

Customisability really is King when it comes to websites. Platforms such as Wix and Squarespace have a long way to go in this regard with their highly restrictive and, sometimes, frustrating user interfaces (UI).

This translates into a longer development time, higher costs and limited capabilities. With the ongoing monthly costs to consider too, they suddenly become very expensive options when compared to WordPress.

This is probably the reason why Wix and Squarespace only power, at most, 6% of all known websites apiece. A far cry from the 43%+ that WordPress powers.

4. WordPress is Highly Scalable

wordpress is highly scalable
With the right infrastructure, services and resources, WordPress is highly scalable.
It can serve tens of thousands of logged-in users simultaneously and serve millions of page views each and every month without skipping a beat.

WordPress has the ability to process page requests immediately and can deliver lightning fast results to search queries too. As a result, WordPress is a highly scalable platform that can support almost any growing business – even multi-million dollar corporations like the ones listed above.

Two of the most powerful features of WordPress are its enterprise integration and multi-site capabilities. It has the ability, with little to no coding, to integrate with a wide variety of disparate enterprise level platforms. Including CRM systems such as Salesforce, custom data synchronisation, eCommerce stores and single sign-on systems.

Multi-site is a type of WordPress installation that allows you to create, and manage, multiple websites from one single WordPress dashboard.

This capability makes website management a breeze, making changes and updates all from just one place results in less complication and easier maintenance when you’re running lots of websites.

5. WordPress Community Support

wordpress vast community
When more than 455 million websites use the same platform, help is never too far away.
There are literally tens of millions of articles and do-it-yourself guides on Google and YouTube showing you how to do things with WordPress. It’s an incredible support base and nothing else comes close.

Sourcing a developer isn’t a chore either, there are millions of them that are ready to help resolve your issue – from design to integration and everything in between. An expert is quick to find with only a Google Search these days and you’ll be up and running in no time.

Remember, no platform is perfect and WordPress is no exception. Problems happen and they often derive from updates. It’s just a matter of when, not if, things go wrong with any website platform. So it’s really important you have support on-hand when you need it and you’ll never be far away from a WordPress specialist.

Your next steps.

At VIEWFULE, we often start our customers on WordPress. Given its a completely free, open source solution that is also a highly SEO friendly platform – we hope you understand why. But in some cases platforms such as Joomla or the Laravel framework are required, amongst others. These are custom solutions to meet the needs of custom problems. So reach out for your FREE consultation and we’ll talk through your challenges to get you on the right platform that meets your use case and budget.



Domain Mega Sale


HostArmada - Affordable Cloud SSD Web Hosting

Read More
Oli Oli 03/11/2022
48
Tips & TricksWeb Design & Development

Content Delivery Networks – Make Your Website Faster With a CDN

A Content Delivery Network, or CDN, refers to a globally distributed group of servers that work collaboratively to help make your website more reliable and load faster.

The great thing is, they are affordable to suit every budget and available from many different companies each with their own fair share of advantages.

The popularity of CDNs continues to grow, and with good reason. They do their job really well and today the majority of web traffic is served through CDNs, including popular websites such as Amazon, Facebook and Netflix. If you’re keen to join them and make your website super fast too – then read on!

 

Choose a CDN to make your website Faster and more Reliable.

 

 

Here are our Top 5 reasons to partner with a CDN for your website:

 

  1. Faster Performance with a CDN

  2. Synergistic Benefits of a CDN

  3. Reliability & Redundancy with a CDN

  4. CDNs offer Flexible Pricing

  5. Easily Integrate a CDN to your Website

 

1. Faster Performance with a CDN

fast performance cdn websites
A CDN helps by delivering web content between your web server and your visitors’ location. Once the content of your website passes through them for the first time, the CDNs servers keep a copy of the static content (CSS, Images and JavaScript files etc) and then deliver it to every visitor.

This approach allows them to access the content much faster than if they went directly to your web server first. With servers located in almost every major city on the planet, you can rest assured your visitors won’t be far from one.

The secret to making this technology work is caching. There are many different types of caching technology employed these days from Browser based to HTTP caching as well as server-side caching technologies (we’ll explore these more on a separate article).

But a CDN is different by introducing an extra layer to make things even faster. And by faster, we mean it. A WordPress website can expect to see speed increases anywhere between 50-80% when served through a CDN. Who wouldn’t want a speed boost like that?

2. Synergistic Benefits of a CDN

synergistic benefits server content deliver network


The simple fact of the matter is web-servers, in the traditional sense, struggle to keep up with demand.
With so many requests to handle, it can be challenging for a shared web server to respond in a timely fashion.

It doesn’t help that there’s no globally enforced standard to adhere to either, no rule book states a web server ‘must respond in x milliseconds‘ for example. This directly impacts your website loading speed.

One thing a CDN does really well is reduce the TTFB or ‘Time-to-First-Byte’. A slow TTFB means your web page has taken a long time (potentially several seconds) just to establish a connection with your web server and receive an initial response. Keep in mind that your visitors are likely seeing a blank white page while all of this is happening – doesn’t make a very good first impression does it?

A CDN greatly reduces this as it already has ‘oven ready’ content ready to serve. Wave good bye to those blank white pages!

A CDN can reduce up to 65% of the load from your web server and distribute it more evenly across many of their regional servers. This results in less bandwidth and resources being used. If you are on a web hosting package that’s very restrictive, with limited resources for example, this really matters and could be the difference between you needing to upgrade or change hosts entirely – that’s one big headache avoided.

 

3. Reliability & Redundancy with a CDN

reliability of a cdn content delivery network


Because CDNs have such large networks, they provide excellent redundancy.
We have all experienced our website going down at one time or another. Incredibly frustrating wasn’t it?

It can be particularly embarrassing when a customer is the one that notices first. A CDN can help solve this problem.

But granted, it does depend on what plan you are on. Some CDNs offer excellent down time protection by caching much if not all of your website, while others offer bare minimum protection. So it’s important you do your research and compare the providers and plans.

It is true that by adding an extra step in the process, or ‘cog in the machine’ if you will, you are technically reducing your reliability. However, there is something important to consider. More servers spread around the globe are much more reliable than just one web server handling everything in one location. So a CDN actually is more reliable when all said and done.

 

4. CDNs offer Flexible Pricing

flexible pricing content delivery network


Pricing can vary considerably with CDN providers so shop around.
There are free plans available with most CDN’s, however, we recommend avoiding them. They will provide you with bare minimum improvements to speed or redundancy which begs the question – what’s the point?

If you’re going to the time, effort and expense to implement a CDN you need a plan that delivers and we know of no free options that do.

Prices generally start from $10 per month but can increase quickly. The reason for this is either size of the network, for example they open more global servers to you on higher paid tiers. Or due to bandwidth, whereby some CDN’s implement traffic control mechanisms or bandwidth limitations.

Take a look at your last year of bandwidth use, your current web host can help you find this if need so reach out to them. You then have a ballpark figure of what your bandwidth use was, what the projected use is, and can then choose a suitable CDN plan around those numbers.

There are some extras we definitely recommend looking for in a provider.

For example, permitting the upload of custom SSL certificates is a positive, this improves your security posture. Custom rules help tailor the CDN for your use case and thus improve compatibility. DDOS Protection and security rules really help to protect your website from hackers and illegal crawlers.

Detailed analytics which can be exported in a variety of formats is really useful for reporting. Lastly, more servers around the globe which expands the network reach is definitely a plus, this directly improves website performance. Now you might not sell globally but that’s not the point, if they have servers located all around the world this provides you with even more redundancy – the more the better.

 

5. Easily Integrate a CDN to your Website

fast integration of a cdn

Integrating a CDN into your website is a process, but it’s not a difficult one.
If you are unsure you can always reach out to a web developer for help, but if in doubt – YouTube is your friend. The first question you need to answer is – how is my website hosted?

If it’s a cloud based solution such as with WordPress.com or even with Wix, it might already be on a CDN. Check with your provider, and whilst your doing so ask if they offer different tiered plans. Remember, avoid free CDN’s.

If your website is on a traditional web hosting platform or on a VPS/Dedicated server, the process is a little more complex. You will need to update your Domain’s DNS records, specifically the Name Servers. For the sake of full disclosure, it is possible to achieve it via a CNAME record but we recommend against this approach – simply put, it just doesn’t work reliably from our experience so stick with the Name Server method and you’re good to go.

Once the DNS records are updated and the CDN is fully configured (typically within 24 hours), you will be up and running and the best part is you achieved it with little to no downtime. Now is the moment to sit back, pat yourself on the back and realise you just made a great decision for the future of your website. And when your customers start commenting on how much faster your website is – you have yourself to thank.

 

Your next steps.

 

So, which CDN’s do we recommend? A good place to start is with RocketCDN, BunnyCDN or QUIC Cloud. They are all particularly good if you’re on WordPress as they include plugins that take away all the hassle by setting everything up for you. In addition to being super fast with servers all around the globe. However, they also work on other platforms too such as Joomla, Drupal, Magento and Laravel.

With flexible integration, top notch speed, globally distributed servers and pricing plans offering great value – we highly recommend them all. At VIEWFULE, we migrate customers to content delivery networks regularly. So reach out for your FREE consultation and we’ll be glad to help!



Domain Mega Sale


HostArmada - Affordable Cloud SSD Web Hosting

Read More
Oli Oli 27/10/2022
45
  • 1
  • 2
Categories
  • Apps 1
  • Introduction 1
  • NEWS 3
  • PPC 2
  • SEM 2
  • SEO 5
  • SMM 2
  • Tips & Tricks 14
  • Web Design & Development 14
Domain Name Sale
HostArmada Affordable Cloud SSD Shared Hosting
Tags
advertising online android app core core web vitals CRM digital marketing digital marketin plan digital roadmap engine framework ga4 google google ads google analytics ios app IT laravel marketing mvc open source php POS rank ranking Retail search search engine marketing secure online shop sem SEO Social Media ssl ssl certificate VIEWFULE vitals web Web Design Web Development web security website website platform websites website security Web Traffic Wordpress
SSL/TLS Certificate Medium Rectangle (300 x 250)

Copyright © 2023 VIEWFULE ® | Your Responsible & Trusted Web Services Company for Websites, SEO & Ads in Paraparaumu, Kapiti Coast, Wellington. All Rights Reserved.

shielded