#1
Keep the server response time for the main document short because all other requests depend on it. Learn more about the Time to First Byte metric.FCPLCP
URL | Time Spent |
|---|---|
Blogger Hosting 1st Party | 770 ms |
/?m=1 (bestseller369.blogspot.com) | 770 ms |
paste this below the <head>
<script type='text/javascript'>
//<![CDATA[
var uri = window.location.toString();
// Replace "%3D" or "%3D%3D"
if (uri.indexOf("%3D") > 0) {
var clean_uri = uri.substring(0, uri.indexOf("%3D"));
window.history.replaceState({}, document.title, clean_uri);
}
// Replace "&m=1" or "?m=1"
if (uri.indexOf("&m=1") > 0 || uri.indexOf("?m=1") > 0) {
var clean_uri = uri.split(/&m=1|\?m=1/)[0];
window.history.replaceState({}, document.title, clean_uri);
}
//]]>
</script>
#2
Reduce unused JavaScript and defer loading scripts until they are required to decrease bytes consumed by network activity. Learn how to reduce unused JavaScript.LCP
URL | Transfer Size | Potential Savings |
|---|---|---|
Blogger Hosting 1st Party | 103.3 KiB | 71.7 KiB |
…widgets/679…-widgets.js (www.blogger.com) | 57.7 KiB | 42.7 KiB |
…res/413…-vegeclub_compiled.js (resources.blogblog.com) | 45.6 KiB | 29.0 KiB |
right click on the error unused java script to take link and add it "YOUR SCRIPT URL" AND PASTE THIS <script>section
ye solve karne ke do tarike hai
- Using
deferis generally preferred because it ensures scripts are executed in order and after the HTML is parsed.
<script defer='defer' type='text/javascript' src='YOUR_SCRIPT_URL'></script>
- However, if the order of execution is not crucial, you can use
asyncfor even better parallel loading.
<script async='async' type='text/javascript' src='YOUR_SCRIPT_URL'></script>
in my case async is working
uper diye gaye #1#2 ke dono problem ke liye ikk code banaya ja sakte hai jiske performance bahut acche hoge
agar aap pehle diye gaye cleaning script ke sath in dono scripts ko shamil karte hain, to ye complete code ban jayega jo aapko apne Blogger template mein paste karna hoga. Yahan aapka complete code hoga:
<script type='text/javascript'>
//<![CDATA[
// Load the first script
var script1 = document.createElement('script');
script1.src = 'https://www.blogger.com/static/v1/widgets/679989195-widgets.js';
document.head.appendChild(script1);
// Load the second script
var script2 = document.createElement('script');
script2.src = 'https://resources.blogblog.com/blogblog/data/res/4130296052-vegeclub_compiled.js';
document.head.appendChild(script2);
// Execute cleaning script after a short delay
setTimeout(function() {
var uri = window.location.toString();
// Replace "%3D" or "%3D%3D"
if (uri.indexOf("%3D") > 0) {
var clean_uri = uri.substring(0, uri.indexOf("%3D"));
window.history.replaceState({}, document.title, clean_uri);
}
// Replace "&m=1" or "?m=1"
if (uri.indexOf("&m=1") > 0 || uri.indexOf("?m=1") > 0) {
var clean_uri = uri.split(/&m=1|\?m=1/)[0];
window.history.replaceState({}, document.title, clean_uri);
}
}, 1000); // Adjust the delay as needed (in milliseconds)
//]]>
</script>
Is code mein pehle do scripts (
https://www.blogger.com/static/v1/widgets/679989195-widgets.js aur https://resources.blogblog.com/blogblog/data/res/4130296052-vegeclub_compiled.js) ko load kiya ja raha hai, aur fir ek short delay ke baad cleaning script chalaya ja raha hai. Ye complete code apne Blogger template ke HTML me add karna hoga.performance after pasting only single code below the <head>
#2.1
not solved
#4
Leverage the
font-display CSS feature to ensure text is user-visible while webfonts are loading. Learn more about font-display.FCPLCPURL | Potential Savings |
|---|---|
Google Fonts Cdn (this solve) | 20 ms |
…v30/u-440qyri….woff2 (fonts.gstatic.com) | 0 ms |
…v20/4iCs6KVjb….woff2 (fonts.gstatic.com) | 0 ms |
…v20/4iCv6KVjb….woff2 (fonts.gstatic.com) | 0 ms |
…v30/u-4m0qyri….woff2 (fonts.gstatic.com) | 0 ms |
…v20/4iCv6KVjb….woff2 (fonts.gstatic.com) | 0 ms |
ye bscid code hai google fonts cdn ke liye isme app apne font family ko add kar sakte hai
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=YourFontFamily">
take all the links by right click on the above font and make the code like made in green down and paste green changed code above </head> where u will get the down code
Look for Code @ font-face
-----------AD This code---------------
font-display:swap;
--------------If you are using Google Fonts--------------------
Look for Code
fonts.googleapis.com
you can resolve this by appending
&display=swap
<script async='async' src='https://www.gstatic.com/external_hosted/clipboardjs/clipboard.min.js'/>
replace above
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Other head elements -->
<!-- Place the provided code here -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Merriweather:wght@300&family=Ubuntu:wght@400&display=swap" crossorigin="anonymous">
<script async="async" src="https://www.gstatic.com/external_hosted/clipboardjs/clipboard.min.js?display=swap"></script>
<!-- Add canonical links if needed -->
<link rel="canonical" href="https://fonts.gstatic.com/s/merriweather/v30/u-440qyriQwlOrhSvowK_l5-fCZMdeX3rg.woff2">
<link rel="canonical" href="https://fonts.gstatic.com/s/ubuntu/v20/4iCs6KVjbNBYlgoKfw72nU6AFw.woff2">
<link rel="canonical" href="https://fonts.gstatic.com/s/ubuntu/v20/4iCv6KVjbNBYlgoCjC3jsGyNPYZvgw.woff2">
<link rel="canonical" href="https://fonts.gstatic.com/s/merriweather/v30/u-4m0qyriQwlOrhSvowK_l5-eRZOf-LVrPHp.woff2">
<link rel="canonical" href="https://fonts.gstatic.com/s/ubuntu/v20/4iCv6KVjbNBYlgoCxCvjsGyNPYZvgw.woff2">
</head>
<body>
<!-- Your page content -->
</body>
</html>
4th solve hone ke baad appko niche ka ye error milta hai to body{ ke niche diya gaya style code add kar de
#5
Resources are blocking the first paint of your page. Consider delivering critical JS/CSS inline and deferring all non-critical JS/styles. Learn how to eliminate render-blocking resources.FCPLCP
URL | Transfer Size | Potential Savings |
|---|---|---|
Google Fonts Cdn | 1.3 KiB | 750 ms |
/css2?family=… (fonts.googleapis.com) | 1.3 KiB | 750 ms |
/* Apply Merriweather font to the entire body with font-display: swap */
body {
font-family: 'Merriweather', sans-serif;
font-display: swap;
}
/* Additional styles for better readability */
h1, h2, h3, p {
font-weight: 300;
}
uper ka code set hone per yadi appko or ikk error dikhai de to
#6
Third-party code can significantly impact load performance. Limit the number of redundant third-party providers and try to load third-party code after your page has primarily finished loading. Learn how to minimize third-party impact.TBT
Third-Party | Transfer Size | Main-Thread Blocking Time |
|---|---|---|
Google Fonts Cdn | 58 KiB | 0 ms |
…v20/4iCv6KVjb….woff2 (fonts.gstatic.com) | 15 KiB | 0 ms |
…v20/4iCs6KVjb….woff2 (fonts.gstatic.com) | 15 KiB | 0 ms |
…v30/u-4m0qyri….woff2 (fonts.gstatic.com) | 14 KiB | 0 ms |
…v30/u-440qyri….woff2 (fonts.gstatic.com) | 13 KiB | 0 ms |
/css2?family=… (fonts.googleapis.com) | 1 KiB | 0 ms |
Google CDN Cdn | 4 KiB | 0 ms |
…clipboardjs/clipboard.min.js?display=swap (www.gstatic.com) | 4 KiB | 0 ms |
#7
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css" media="print" onload="this.media='all'">
<link as='style' href='#' rel='preload'/>
<link as='font' crossorigin='' href='#' rel='preload' type='font/woff2'/>
<link as='script' href='#' rel='preload'/>
Comments
Post a Comment