WebPerf Running High Traffic Websites – 8 Things to Consider

When your website receives thousands of visitors every day, the underlying infrastructure must be able to support the traffic. High traffic means a large number of simultaneous requests from users expecting fast load times. Delays can cost you visitors, reduce revenue and undermine your reputation.


Taking a smart approach to high traffic website maintenance cuts down on the load from a large number of visitors and ensures peak performance from your site. As you’re designing and updating your web presence, consider these important factors in creating the best possible user experience.

1. Understand Visitor Expectations


Everyone on the Internet is in a hurry. Whether they’re browsing on a computer or mobile device, visitors to your site expect content to appear at lightning speeds. Failing to meet expectations can mean big losses. According to Conversionxl, a few facts regarding slow loading websites include:

---

• 57 percent of users will leave a page if it takes longer than three seconds to load
• 47 percent of users want pages to load in two seconds or less
• A delay of just one second can result in a 7 percent loss in conversions and a 16 percent decrease in customer satisfaction
• Sites experiencing slow loading during high traffic times can lose up to three-quarters of their visitors

Img Src: thestrangeloop.com​

For e-commerce websites, losses are reflected in decreased revenue and less trust between consumers and brands. If you’re selling products and services but slow load times are driving potential customers away before they make purchases, you could be missing out on thousands of dollars in profits.

The same consequences hold true for any form of revenue you bring in from your high traffic site. Slow speeds and the resulting drop in visitor engagement means fewer people clicking on ads and making purchases through affiliate links. Credibility suffers when user experience is poor, and the potential negative effect on social engagement could diminish the reach and impact of your content.

2. Overhaul Hosting


If you’re still using the shared hosting plan you started with when your site was small, it’s time to upgrade to something more reliable. Shared plans lack the bandwidth to handle high traffic, and the host may penalize your site if it routinely uses more than its allotted share of server capacity. The traffic load of other sites on the server also impacts how well your site performs, so if other users experience high visitor volume, the reliability of your site can suffer.

A virtual private server (VPS) or dedicated server hosting plan is better suited for sites with large numbers of daily visitors. In VPS hosting, a single server is divided into multiple virtual environments. Each runs as though it were an independent server, and the number of sites sharing resources is much smaller than on a shared hosting plan. With a dedicated server, your high traffic site has an entire physical server to itself.

Both VPS and dedicated hosting give you the freedom to customize the hosting environment, but setup and maintenance can be time-consuming. Managed hosting, especially for sites running a CMS such as WordPress, provides support for installations, updates and general server management.

The best host for your site is one with the ability to handle the highest number of visitors you expect to receive and still deliver superior uptime. Look for plans with adequate RAM and bandwidth, and check the average page load speed to determine if it’s fast enough.

3. Streamline Site Design


To display properly, every element on a page requires an HTTP request between a visitor’s browser and the hosting server. Therefore, pages with a great deal of scripts or media are more likely to be slow to load.

The easiest way to deal with this problem is to make your page designs simpler. However, for sites requiring images, scripts, videos and other dynamic content, you’ll have to take additional steps to ensure good performance:

• Clean up scripts to remove unnecessary characters (minification)
• Use an image optimizer when uploading media
• Set specific image dimensions for display (srcset)
• Combine all CSS into one file (although not as important now with HTTP/2)
• Upload images at their intended display size rather than resizing large images
• Use “lazy loading” to load media on demand rather than all at once
• Minimize plugin use or choose lightweight plugins on CMS platforms
• Avoid using redirects whenever possible
• Find and fix broken or dead links (404 Not Found errors)

Keep mobile users in mind as you implement these design improvements. Page speed matters even more for mobile visitors, and they’re not going to wait for a media-heavy site to load when they could go elsewhere to find what they need.

4. Optimize Content Delivery


Using a Content Delivery Network (CDN) is another strategic move for high traffic websites. A CDN is a collection of servers that are spread around the world and used to optimize content delivery for local visitors.

Traditionally, site content is hosted on a main server in a single location, with some hosts offering different locations depending on where you are (learn more about CDN hosting vs traditional web hosting). This restricts the speed at which content can reach distant areas. The further away a user is from the server, longer it takes the site to load due to increased latency. A CDN caches static files across multiple servers and delivers them from the location closest to each visitor to eliminate as much lag time as possible.



Choosing the right CDN is a good idea if your site hosts content or media with a frequent number of viewings. Since this content doesn’t change, it can be successfully cached without becoming outdated. The reduced latency decreases page load times to give users the content they want as quickly as possible.

Choose a CDN with servers in the areas where the majority of your visitors come from. You can determine your site’s reach by checking analytics reports and assessing the origin of your traffic. If your site has a fairly large audience, a global CDN solution is your best bet. Read more about how exactly a CDN works.

5. Zip it Up


File compression is another way to cut down on content delivery times. Many high traffic websites enable Gzip compression to reduce file sizes during retrieval and delivery. Gzip works by searching for duplicate strings within a file and then replacing the second string with a pointer to the previous string. The user’s browser then unzips the file and displays the page. Using this method can reduce file sizes by 70 percent, resulting in a significant increase in load speeds. Some hosting providers enable Gzip as part of their hosting packages for high traffic users, however, can also be done manually.

Other tools are available to decrease the size of JavaScript and CSS files, including:

• CSS Compressor
• CSSNano
• Google Closure Compiler
• JSCompress
• Packer
• YUI Compressor

These tools remove redundant characters and unnecessary spaces from code and compress the script files to speed up delivery. If your site includes a lot of custom scripting, minifying the code can greatly improve load times.

6. Caching for Better Performance


Every time visitors come to your site, their browsers store components of the pages, including content and scripting. A lot of this content remains static or is uniform across the site and doesn’t need to be requested repeatedly in order to display. Caching these types of content eliminates a large number of requests between browsers and servers.

Using a CDN is one way to improve the caching of your static assets, however, there are also other caching methods which can be used. If you use WordPress, plugins such as Cache Enabler or Cachify combine different techniques to optimize content loading.

You can also leverage browser caching by updating the expires header for files. Depending upon the current time interval that is defined for each static file type, this can potentially be increased in order to improve caching efficiency. For content updated occasionally but with less frequency than dynamic elements, the expires header can be set for a longer interval so that the page only refreshes when necessary.

An example of setting the expires headers in your .htaccess file would resemble the following.

## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType text/html "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 1 month"
</IfModule>
## EXPIRES CACHING ##

Similarly, for Nginx users, the following example shows a quick configuration you can use to define the expires headers for certain file types.

server {
listen 80;
server_name example.com;

location / {
root /var/www/example;
index index.html index.htm;
}

location ~* \.(jpg|jpeg|gif|png)$ {
expires 365d;
}

location ~* \.(pdf|css|html|js|swf)$ {
expires 30d;
}
}
7. Improve Security


Malicious attacks can put your website out of commission without warning. Distributed Denial-of-Service (DDoS) attacks are particularly vicious and take advantage of the effects of high amounts of page requests to reduce site speeds. These attacks slam your site with requests from multiple IP addresses with the intent of overloading it.



An attacker’s reason isn’t always clear, but the results can be devastating, especially for online businesses.

Additionally, cross-site scripting (XSS) attacks insert malicious scripts into your site to allow attackers access to information stored in the browsers of visitors. Scripts may be placed on a server, bounced back in data such as search results or housed in browsers to change the way requests are handled. All XSS attacks are insidious and have the potential to destroy your site’s credibility.

Preventing a security breach requires diligence in site setup and maintenance. Keep your site safe by:

• Installing reliable security software, such as a web application firewall
• Updating software and plugins regularly to obtain the latest security features
• Changing default CMS settings to reduce the risk of automated attacks
• Choosing extensions and plugins with recent installations and frequent updates
• Using unique, complex passwords for every service or gateway
• Changing passwords regularly
• Storing backups containing old files in an area separate from the main server
• Optimizing configuration files
• Protecting areas where sensitive site data is stored
• Choosing secure payment gateway options
• Keeping security certificates current
• Using HTTP security headers (scan your website’s security headers with securityheaders.io).

Managed hosting providers usually take care of application and security updates, but check with your host to make sure. Routine backups should also be part of your security plan to preserve content should an attack occur despite your best efforts.

8. Analyze Your Changes


Optimizing high traffic websites isn’t a one-time task. It’s an ongoing process requiring testing and tweaking to monitor traffic and preserve consistent site performance. Traffic levels change over time, especially if you continue to add content and draw more visitors. Your site has to evolve to handle these changes, and the only successful way to manage this is to be vigilant in monitoring analytics and site speed.

Speed is easy to keep track of with tools like:

• KeyCDN’s Site Speed Test
• Google Page Speed Insights
• GTmetrix
• Pingdom
• WebPageTest

These tools assess not only page load speeds but also the size of pages, page components with the potential to slow your site down, and which problems are of the highest priority. Google’s speed test includes suggestions for changes to enhance the usability of your site.

Google Analytics provide insight into pages with high bounce rates or unusually high exit rates after short periods of time. Analyze the areas of your site where visitors seem to leave most often, and note any problems with speed or security. Make changes to facilitate better performance, and check back frequently to see if your adjustments are working.

If you use a CMS, consider running a database optimization plugin from time to time. Databases can become overloaded with files relating to revisions, comments, filtered spam content and other plugins. Cleaning these out streamlines database function by removing bloated data.

Every small change you make to optimize your high traffic website improves user experience and decreases the likelihood of visitors abandoning pages due to slow load times. Greater satisfaction among visitors translates into more page views and improved performance for content, products, and services. Continue to monitor your site and make changes as necessary to maintain the reliability your visitors have come to expect.

The post Running High Traffic Websites – 8 Things to Consider appeared first on KeyCDN Blog.

Continue reading...

 

Definitely best testing tool is WebPagetest - Website Performance and Optimization Test

 

as expected though

Definitely. Though definition of high traffic has evolved over time. The above tips aren't just for high traffic sites, all sites big and small should be doing some of the outlined tips - of course CDN should be evaluated based on acceptable costs.