Page speed can be described in either "page load time" (the time it takes to fully display the content on a specific page) or "time to first byte" (how long it takes for your browser to receive the first byte of information from the web server). Here are some of the many ways to increase your page speed:
- Enable compression
- Reduce redirects
- Improve server response time
- Optimize images
There are 2 methods for enabling compression. Either via IIS Manager or by using plugin on WordPress site.
(A) Gzip on Windows Servers (IIS Manager)
When your website is hosted on a Windows server, you can enable compression for both static and dynamic files. It’s fairly easy to set this up in the IIS manager:
1. Open up IIS Manager
2. Click on the site you want to enable compression for
3. Click on Compression (under IIS)
4. Now Enable static compression and you are done!
(B) Enable gzip in WordPress
You can actually enable gzip in the control panel of WordPress:
1. Browse to /wp-admin/options.php
2. Use the search function of your browser and search for the gzipcompression setting
3. Change the value of this setting from 0 to 1 to enable gzip compression in WordPress
Or we have more simpler method to enable compression. Install plugin for WordPress site and then enable gzip compression in the following way.
WP Super Cache is a free WordPress caching plugin. It is also a great way to enable GZIP compression on your WordPress site. First, you need to install and activate the WP Super Cache plugin. Upon activation, go to the Settings » WP Super Cache page » Advanced in your WordPress dashboard. Then, simply check the box ‘Compress pages so they’re served more quickly to visitors’ box.
You then need to scroll down the page and click the ‘Update Status’ button to save your changes. WP Super Cache will now enable gZip compression on your WordPress website.
First, locate the css file (commonly named style.css) in your site files and open the file using a page editor. Then copy the entire css code to your clipboard.
Go to minifycode.com and click the CSS minifier tab. Then paste the CSS code into the input box and click the Minify CSS button.
After the new minified code is generated, copy the code.
Then go back to the css file of your website and replace the code with the new minified version.
There are a lot of plugins out there that will do the job.
Autoptimize (FREE) plugin
Autoptimize is probably the most popular minify plugins out there. It’s popular because it ease easy to use and full of powerful performance features. It can aggregate (combine scripts), minify, and cache your code. As a bonus, you have additional options for optimizing Google Fonts, images and more.
To use Autoptimize, you can download, install and activate the plugin from the WordPress Dashboard under Plugin > Add New.
You can also click the Show Advanced Settings button at the top of the page to further customize how you want your code to be optimized.
That’s about it! Pretty simple and powerful.
And the resource
small.js is like this:
Then you can inline the script as follows:
Inlining the script contents eliminates the external request for
small.js and allows the browser to deliver a faster time to first render. However, note that inlining also increases the size of the HTML document and that the same script contents may need to be inlined across multiple pages. As a result, you should only inline small scripts to deliver best performance.
async attribute on external scripts. For example:
Improve Server Response Time
Here are seven easy ways to reduce the server response time for your website.
- Use Reliable and Fast Web Hosting
- Use a CDN (content delivery network)
- Optimize Databases
- Keep WordPress Lightweight
- Monitor PHP Usage
- Configure Caching
- Minify Scripts
Images can improve the experience on your site, elevate your brand, and provide additional assets to use in promotion. However, unnecessarily large images can increase page load speeds, which negatively impacts your SEO and causes frustration for your visitors.
Online Tools to Optimize WordPress Images
- Compress JPEG
Image Optimization Plugins for WordPress
- EWWW Image Optimizer
- ShortPixel Image Optimizer
- Compress JPEG and PNG Images
- Kraken Image Optimizer
- WP Compress
Anchor Text Optimization
Anchor texts are those clickable texts when clicked will take you to a different location or different document like in the above image: how to design a website for SEO.
Anchor text can provide both search engines and users relevant contextual information about the content of the link's destination.
Types of anchor text
Exact-match: Anchor text is "exact match" if it includes a keyword that mirrors the page that is being linked to. For example: 'link building' linking to a page about link building.
Partial-match: Anchor text that includes a variation of the keyword on the linked-to page. For example: 'link building strategies' linking to a page about link building.
Branded: A brand name used as anchor text. For example: 'Moz' linking to an article on the Moz Blog.
Naked link: A URL that is used as an anchor. For example: 'www.moz.com' is a naked link anchor.
Generic: A generic word or phrase that is used as the anchor. "Click here" is a common generic anchor.
Images: Whenever an image is linked, Google will use the text contained in the image's alt attribute as the anchor text.
Best Practices for Anchor Text Optimization:
- Always use anchor texts that are relevant to your website’s content.
- Put all the above discussed different types of anchor texts i.e. generic anchors, branded anchors, long trail anchors, image anchors in your website.
- Don’t link anchor texts with any spam website or to any adult content.
- While using anchor texts are always recommendable, it is highly advisable to avoid using internal links within the same content.
- To create trust among the readers among the user, you should mention guest posts in your web content and it should always have some anchor texts.
- Don’t forget to keep an eye over the progress report of your anchor texts by using different tracking tools.