Hello everyone! Today on this occasion I am going to give a tutorial about How to Increase Blogger Median Ui Performance. Everyone knows about Median Ui who blogging on blogger. Median Ui designed by Maki owner of jagodesain. But now he is not giving any updates for median ui. Median Ui need to be improved. So , we are going to improve it's performance. Let's start the tutorial....
 |
| ©•BlogTut | Increase Blog Performance |
PageSpeed is now an official ranking factor and improving the page speed of a blogger website is a bit technical and requires a little bit of technical knowledge.
Let's Make Your Site Performance High
- First we will check median ui's performance on web.dev/measure
 |
| ©•BlogTut | Median Ui Performance by Lighthouse |
- First we will solve the Last Issue SEO issue
 |
| ©•BlogTut | Seo issue of Median Ui |
- This issue isn't from Theme. This can solved by simply adding robots.txt in blogger dashboard settings.
- Best Practices is already max 100%.
Let's forward to Accessibility Issues.
 |
| ©•BlogTut | Accessibility Issue of Median Ui |
- To solve this First issue go to Edit Html and search for these Codes
<b:tag expr:aria-label='data:item' expr:data-text='data:item' expr:name='data:view.url == data:blog.homepageUrl ? "span" : "a"'>
- Replace These Codes with Following Codes
<b:tag expr:data-text='data:item' expr:name='data:view.url == data:blog.homepageUrl ? "span" : "a"'>
- To solve the Second Issue search for following codes.
<span class='tDL' data-light='Light' expr:data-text='data:item' onclick='darkMode()' role='button'><b:include name='moon-sun-icon'/></span>
- Replace these codes with following codes
<span aria-label='Mode' class='tDL' data-light='Light' expr:data-text='data:item' onclick='darkMode()' role='button'><b:include name='moon-sun-icon'/></span>
Now it's time to Solve Main Issue Performance Issue
- To solve performance issue paste the following Codes after the
<!-- Sife Verification -->Codes
<!--[ Preconnect and DNS Prefetch ]--> <link href='//1.bp.blogspot.com' rel='preconnect dns-prefetch'/><link href='//2.bp.blogspot.com' rel='preconnect dns-prefetch'/><link href='//3.bp.blogspot.com' rel='preconnect dns-prefetch'/><link href='//4.bp.blogspot.com' rel='preconnect dns-prefetch'/><link href='//blogger.googleusercontent.com' rel='preconnect dns-prefetch'/><link href='//lh3.googleusercontent.com' rel='preconnect dns-prefetch'/><link href='//www.blogger.com' rel='preconnect dns-prefetch'/><link href='//feeds.feedburner.com' rel='preconnect dns-prefetch'/><link expr:href='data:blog.homepageUrl.canonical path "feeds/posts/default"' rel='preconnect dns-prefetch'/><link expr:href='data:blog.homepageUrl.canonical path "feeds/comments/default"' rel='preconnect dns-prefetch'/><link href='//cdn.widgetpack.com' rel='preconnect dns-prefetch'/><link href='//translate.google.com' rel='preconnect dns-prefetch'/><link href='//maxcdn.bootstrapcdn.com' rel='preconnect dns-prefetch'/><link href='//fonts.googleapis.com' rel='preconnect dns-prefetch'/><link href='//use.fontawesome.com' rel='preconnect dns-prefetch'/><link href='//ajax.googleapis.com' rel='preconnect dns-prefetch'/><link href='//resources.blogblog.com' rel='preconnect dns-prefetch'/><link href='//ajax.microsoft.com ' rel='preconnect dns-prefetch'/><link href='//ajax.aspnetcdn.com ' rel='preconnect dns-prefetch'/><link href='//github.com' rel='preconnect dns-prefetch'/><link href='//cdn.rawgit.com' rel='preconnect dns-prefetch'/><link href='//cdnjs.cloudflare.com' rel='preconnect dns-prefetch'/><link href='//www.google-analytics.com' rel='preconnect dns-prefetch'/><link href='//themes.googleusercontent.com ' rel='preconnect dns-prefetch'/><link href='//pagead2.googlesyndication.com' rel='preconnect dns-prefetch'/><link href='//googleads.g.doubleclick.net' rel='preconnect dns-prefetch'/><link href='//www.gstatic.com' rel='preconnect dns-prefetch'/><link href='//www.googletagservices.com' rel='preconnect dns-prefetch'/><link href='//static.xx.fbcdn.net' rel='preconnect dns-prefetch'/><link href='//tpc.googlesyndication.com' rel='preconnect dns-prefetch'/><link href='//apis.google.com' rel='preconnect dns-prefetch'/><link href='//www.w3.org' rel='preconnect dns-prefetch'/><link href='//www.facebook.com' rel='preconnect dns-prefetch'/><link href='//connect.facebook.net' rel='preconnect dns-prefetch'/><link href='//disqus.com' rel='preconnect dns-prefetch'/><link href='//plus.google.com' rel='preconnect dns-prefetch'/><link href='//twitter.com' rel='preconnect dns-prefetch'/><link href='//platform.twitter.com' rel='preconnect dns-prefetch'/><link href='//syndication.twitter.com' rel='preconnect dns-prefetch'/><link href='//r.twimg.com ' rel='preconnect dns-prefetch'/><link href='//p.twitter.com ' rel='preconnect dns-prefetch'/><link href='//cdn.api.twitter.com ' rel='preconnect dns-prefetch'/><link as='font' crossorigin='' href='https://fonts.gstatic.com/s/notosans/v11/o-0IIpQlx3QUlC5A4PNr5TRA.woff2' rel='preload' type='font/woff2'/><link as='font' crossorigin='' href='https://fonts.gstatic.com/s/notosans/v11/o-0NIpQlx3QUlC5A4PNjXhFVZNyB.woff2' rel='preload' type='font/woff2'/><link href='//www.youtube.com' rel='preconnect dns-prefetch'/><link href='//img.youtube.com' rel='preconnect dns-prefetch'/><link href='//www.pinterest.com' rel='preconnect dns-prefetch'/><link href='//statically.io/' rel='preconnect dns-prefetch'/><link href='//www.linkedin.com' rel='preconnect dns-prefetch'/><link href='//player.vimeo.com' rel='preconnect dns-prefetch'/><link href='//s3.amazonaws.com ' rel='preconnect dns-prefetch'/><link href='//s3.buysellads.com ' rel='preconnect dns-prefetch'/><link href='//stats.buysellads.com ' rel='preconnect dns-prefetch'/><link href='//cdn.adpacks ' rel='preconnect dns-prefetch'/>
Now Your Median ui performance will look like below
 |
| ©•BlogTut | Median ui performance incresed |
Now performance is 98. It can be increased just by removing Slider Images.
Post may be updated soon
Conclusion
I hope you enjoy this article. Please do share this article. And if you are facing problem in any section or you have any question then ask us in comment box. Thank you!