Complete Ways to Speed Up Website Loading for SEO
The speed of the website is very important to increase the comfort of visitors while browsing the website. Having a lot of content on a page isn’t bad, but the loading process also needs to be designed so that it doesn’t take too long in several ways. For example, too many images are normal on a wallpaper provider website, but not on a blog.
So what should be done to speed up the website? There are several options that I’ll share here, and all of them depend on the user’s skills and own website as well.
The purpose of this ability is to help users understand a lot of things about HTML and Javascript code so that they won’t get confused later in the steps I describe.
How important is website loading to SEO
Google or other search engines judge websites not only on the relevance of the content, but also on the speed of the website. In terms of relevant content, you can probably find a lot, but sites that have both are rarely found.
Because sometimes there are sites with high quality content but they load heavily and are competing with other sites with high quality content that load faster.
Now is the right time for users to implement something that I am sharing this time around to increase visitor sympathy so they don’t leave the site quickly and are comfortable reading content and browsing additional pages.
And as for the risks, implementing this method will have no risk and overall even more positive effects.
- Implement the page cache function – How important it is to do this not only with regard to the future speed of the site, but also to keep the server in good working order.
In addition, after using this method, the CPU will decrease drastically. WordPress users can directly use a plugin called W3 Total Cache or WP Super Cache.
- Using gzip and deflate mode – As in the article I shared earlier, using gzip and deflate allows the page to load faster than it did before.
While it’s insignificant, this method compresses code a bit so that the browser can receive it more quickly inquiry.
- Minimize Javascript and CSS – Making Javascript or CSS look nice is indeed something to be proud of, but it turns out it can also affect the speed of the browser used to open the site. So that the loading process is faster when all the code is zoom out or you can say that all of the code is put together into one management.
There are many tools that can be used to do this. In the meantime, some cache plugins already have this function in WordPress.
- Bringing Javascript and CSS together – This is difficult because of the fear of conflict in code that cannot be called correctly. But this is the only way to optimize the loading process by up to 10%, because this allows the query process to be reduced to Javascript and CSS, which usually contain many links on just one link.
What is meant here is to create a special file for all of the Javascript code and a special file for all of the CSS code.
- Compress images – In addition to content, images are important, but due to their size, images are also one of the things that make the loading process take a long time.
If the size is only 20 KB to 30 KB this is not a problem, but if it is up to 100 KB and more, it actually adds a few seconds to the loading of the website. The solution is to compress every image on the website.
- Implement the lazy load function – Some people still hesitate to use this method for fear that the page will not be indexed perfectly. There is, in fact, a drawback that some images are not indexed in Google Image Search or other image search engines.
But don’t worry, the content will still be searchable as long as the HTML can be recognized from top to bottom.
Lazy Load can increase website speed by up to 50% as images are slowly displayed on content until visitors are on the image object. As long as the visitor does not scroll to the image object, the image will not be displayed. Of course, this also saves the number of visitors.
- Using async or defer for each javascript – How does it differ from using pure Javascript? Of course there are very clear differences. Asynchronous only works on browsers that support HTML5, that display Javascript results and that do not interfere with the HTML loading process.
Whereby if move can be used in browsers that do not support HTML5, where the HTML code is processed first and then the new Javascript code is loaded. total Asynchronous superior in my opinion.
- Implement header cache for browsers – It turns out that there are still many websites out there that do not use this method, although it greatly affects the speed of the website when you visit it again later with the same browser.
This is also the case with the browser cache, which displays header expires not only for content, but also for static files such as images, Javascript & CSS files.
- Disappearance of the query string in any static file – This is mainly experienced by WordPress based websites. Usually there are bells and whistles in every Javascript or CSS code like ? ver = 1.0. It has little impact on speed performance.
However, this results in some browsers not being able to cache the special static file, so a user with that browser who wants to visit other content will reload the file.
- Don’t use too many frame objects – Widgets are nice things, but if they take longer to load they should be removed. For example, an object that uses a frame that loads an external page.
It’s as simple as advertising, so don’t use advertising too much. Even Fan page Like Box Facebook It also affects the speed of the website.
- Eliminate blank lines in HTML code – When the user feels that the blank line is too far away when executing Show source text at the construction site, should be repaired immediately. Search engines look bad with empty lines or so-called. new line This.
It doesn’t feel like it is quite a long thing to do in order to increase website speed. I am not forcing the user to apply all of this, but it only depends on the skill of the user because doing the above method manually is not an easy thing. If you’re not using a WordPress-based website, you may still be able to help out with the many free plugins available.
After trying the techniques above, compare
Try to compare before and after when using the above method. Users can use the GTMetrix website or the Site Speed feature in Google Analytics, or use the Pagespeed Insight page directly from Google.
Also Read: How To Know Website Speed Based On Google View
Again, remember that a lot of visitors are coming from cell phones right now, so there is an urgent need to optimize the website loading process. Even without the AMP, the website can be fast using the above method. So if you have any questions, ask them in the comments column first.
Hopefully useful and good luck