Tips to optimize your Blog with Royal UI

June 09, 2023 June 19, 2023

TxS Team | Royal UI - Optimization

Tips to Optimize

Below are some steps, you can follow to optimize your Blog with Royal UI v3.7 Template.

Whenever you upload an image from your computer to Blogger, the images are served in png or jpg format even if the image is in webp format.

When you will check your PageSpeed score, it will recommend to serve images in NextGen Image Formats, i.e. WebP or AVIF.

So, how to fix it and serve images in NextGen Image Format?

We know that Google has a powerful image hosting. It is quite easy to serve images in WebP format, we just have to make changes in src parameters.

The images uploaded on Blogger have src similar as below:

https://blogger.googleusercontent.com/img/b/.../.../s1280/Optimization_Royal_UI.webp

To serve images in webp format, add -rw just after sizing parameter, i.e. s1280-rw. Now, it will look like as shown below:

https://blogger.googleusercontent.com/img/b/.../.../s1280-rw/Optimization_Royal_UI.webp

Pro Tips: Always upload images in .webp format and add -rw just after the sizing parameter.

Try to add a jump break after first paragraph of every post.

You can add jump break by adding  through HTML view.

Refer to this post.

Add the following codes at the top of your post in HTML view to show your desired post snippets on Homepage, Sitemap Page, Related Posts, etc.

<div class='hidden'>Some_Post_Snippets_Here</div>
<!--more-->