Minimize Main Thread work – Pagespeed Insights Score बढाये !

हाल ही में Google ने एक वेबपेज स्पीड को रैंकिंग फैक्टर बना दिया है| 2021 में इस रैंकिंग फैक्टर को सिर्फ मोबाइल Devices के लिए लागू किया गया था लेकिन अब 2022 में इसे डेस्कटॉप के लिए भी लागू कर दिया गया है | Google इस वेबपेज की स्पीड को उस पेज के Pagespeed Insights Score के आधार पर Decide करता है | Google के Pagespeed Insights टूल में एक एलिमेंट जो अधिकतर Websites में देखने को मिलता है वो है – Minimize Main Thread Work

ये ‘Minimize Main Thread Work’ नाम का Error क्या है और इसे कैसे Minimize किया जा सकता है – इसके तरीको के उपर आज हम इस पोस्ट में बात करने वाले है | दोस्तों, अगर आप Google के अन्दर अपनी वेबसाइट को टॉप में या एक बेहतरीन रैंकिंग प्रदान करवाना चाहते हो तो आपको अपनी वेबसाइट की स्पीड और उसकी परफॉरमेंस पर अपना ध्यान केन्द्रित करना होगा |

Minimize Main Thread Work:

जब आप अपने ब्राउज़र में किसी URL को Enter करते है और उसके बाद आप उसके लोड होने का Wait करने लगते है लेकिन ब्राउज़र, वेबसाइट के अपने आप प्रकट होने का इतजार नहीं करता है | आपके ब्राउज़र को searching के वक्त काफी सारे काम करने होते है, जैसे- जो URL आपने सर्च किया है उसका सर्वर खोजना और उससे फाइल्स को रिक्वेस्ट करना, उन फाइल्स को डाउनलोड करना, डाउनलोड की गयी फाइल्स में html कोड को निकालना और इस html कोड को आपके देखने लायक बनाने के लिए Render करना |

Minimize Main Thread work
Minimize Main Thread work

ब्राउज़र इन सभी कार्यो और इस पूरी प्रोसेस को एक ही Thread पर करता है, इसीलिए इसे Main Thread कहा जाता है | अब इससे ये तो तय है कि आपकी वेबसाइट के लोड होने में Main Thread एक अहम भूमिका निभाता है| अगर हम इस Main Thread के काम को कम कर दे तो निश्चय ही हमारी वेबसाइट जल्दी लोड होने लगेगी |

यही कारण है कि ज्यादातर Speed Test टूल्स में Minimize Main Thread work नाम का एलिमेंट होता है | पेज की स्पीड को बढ़ाने के लिए जितने भी आप प्रयास करेंगे, जितना भी आपने Optimization किया है- इन सबका फाइनल आउटपुट इसी Main Thread को देना है |

इस Minimize Main Thread work के काम को कम करने या इसके लोड को कम करने के लिए आप इन 7 स्टेप्स को फॉलो कर सकते है –

  • Small Page Size
  • Reduce memory
  • Less Animation
  • Remove Unused CSS & JS
  • Minify CSS & JS
  • Defer CSS & JS
  • Use Lazy Load

आईये अब इन सातों स्टेप्स को बारीकी से समझते है और देखते है कि इनका प्रयोग करके हम कैसे अपने Main Thread Work को कम कर सकते है !

1. Small Page Size

आप अपने वेबसाइट के ऑप्टिमाइजेशन की जो भी planning करते है उसकी शुरुआत आपके पेज के साइज़ से ही होती है | आप अपने पेज को ध्यान से देखिये और सोचिए कि आखिर वो कौन सा Element है जिसको हटाकर आप अपने पेज की क्वालिटी या इनफार्मेशन से समझौता नहीं करेंगे |

अपने पेज में आप देखिये कि –

A. क्या आपके पेज में कोई Extra इमेज या विडियो लगी हुई है जिसे हटाया जा सकता है,

B. क्या सभी Images अच्छे से Resized है और क्या उनका Dimension सही है,

C. क्या आपने अपने पेज में सोशल मीडिया फीड को Embed किया है और अगर इसे हटकर भी आपका काम चल सकता है तो इसे जरुर हटाये,

D. क्या पेज में कोई Extra Widget यूज़ हो रहा है,

E. क्या पेज में कोई EMI Calculator या कोई Converter तो नहीं लोड हो रहा है,

F. क्या आपके एक ही पेज में आपके दुसरे पेज का Preview तो नहीं लोड हो रहा है |

इस प्रकार के जितने भी Elemnts को आप हटा सकते है, आप उन्हें जरुर हटा दीजिये, इससे आपके Main Thread work पर जरुर असर पड़ेगा | इसी के साथ अगर पेज में कोई स्लाइडर लोड हो रहा है और आपका उस स्लाइडर के बिना भी काम चल सकता है तो इसे भी जरुर से हटा दीजिये | आपके पेज में स्लाइडर होने से तीन Elements ज्यादा लोड होते है-

A. इसमें एक से ज्यादा Images होती है

B. इसमें Java Script मौजूद होती है

C. इसी के साथ इस प्रकार के स्लाइडर में एक एनीमेशन जरुर होता है |

उपर बताये गए तीनो Elements आपके Page Speed Insights Score को खा जाते है | इस प्रकार से आप अपने पेज को अच्छी तरह से Analyze करिये, और जितना संभव हो सके उतना पेज के साइज़ को छोटा रखिए |

2.  Reduce Memory

आप अपनी वेबसाइट की मेमोरी को फ्री रखिये | आप आपने सर्वर को जितना हो सके, उतना फ्री रखने का प्रयास करे| अगर हो सके तो आप Shared Hosting से अपने आप को अपग्रेड करे क्यूंकि इसमें आपको एक लिमिटेड CPU मिलता है लेकिन अगर आप एक शुरूआती ब्लॉगर है तो आप Shared Hosting का इस्तेमाल कर सकते है और आपको जब अपने ब्लॉग से Earning होना स्टार्ट हो जाये तो अपनी होस्टिंग को जरुर अपग्रेड करे |

आप अपने ब्लॉग में CDN का यूज़ करके अपने सर्वर का लोड कम कर सकते है | CDN आपके Resources को बचाता है और सबसे अच्छी बात ये है कि आप CDN को फ्री में इस्तेमाल कर सकते है और ये एक आसान प्रोसेस है | इसलिए जरुरी है कि आप Minimize Main Thread work पर फोकस करे |

साथ ही आप अपने Database को Clean रखिए | ध्यान दे! अगर आप WordPress यूजर है तो आप WordPress की Heart Beat API बंद रखिए | wordpress आपको Heart Beat बंद करने का कोई मूल आप्शन नहीं प्रदान करता है इसलिए आप Heart Beat नामक प्लगइन का प्रयोग करके अपने वर्डप्रेस की Heart Beat को बंद कर सकते है |

इसके अतिरिक्त आप वर्डप्रेस में कम से कम Plugins का इस्तेमाल करे और अपने सभी Plugins को समय-समय पर अपडेट करते रहिए | इससे आपकी WordPress Website की Speed Increase होगी |

3. Less Animation

अपनी वेबसाइट में जितने हो सके उतने कम Animations का उपयोग करना चाहिए | हमारी वेबसाइट में सभी Animations, CSS और JS के द्वारा आते है और इससे हमारी वेबसाइट में बेकार का बोझ बढ़ जाता है |

WordPress में इसको लेकर ज्यादा समस्याए आती है | वर्डप्रेस में ऐसे बहुत सारे Plugins मौजूद है जो ना जाने कितने प्रकार के Animations प्रदान करते है और लोग इनका यूज़ भी करते है | इनका प्रयोग करने से हमारी वेबसाइट attractive जरुर होती है लेकिन आपको देखना है कि इन Animations से आपके यूजर को किसी प्रकार का कोई फायदा होता है ?

अगर आपने अपना कोई यूनिक Animation बनाया है, जिसमे आपकी Branding है या अगर आपकी Industry ऐसी है जिसमे Animated पेज अच्छा लगता है, तो उस कंडीशन में आप इन Animations को इस्तेमाल कर सकते है | अन्यथा इन Animations को आप जितना हो सके उतना कम रखिए, ये आपकी वेबसाइट की Performance के लिए अच्छा है | इन्ही छोटे-छोटे स्टेप्स को फॉलो करके ही आप Minimize Main Thread work पर खरे उतर सकते है |

4. Remove Unused CSS & JS (Java Script)

ये Remove Unused CSS & JS का Issue काफी सारी Websites में देखने को मिलता है | ज्यादातर ये Issue वर्डप्रेस वेबसाइट में आता है | Templates या CMS ज्यादा से ज्यादा Users के लिए बनाये जाते है, इसलिए इसमें काफी सारे features और फंक्शन होते है, लेकिन आप इन सभी Features और Functions को यूज़ नहीं करते है| इसलिए जो बचे हुए CSS और JS कोड्स होते है वे बेकार में लोड होते रहते है और ये आपके Main Thread work को बढाता है |

Minimize Main Thread work
Minimize Main Thread work

WordPress में Unused CSS & JS को निकालना थोडा मुश्किल कार्य है लेकिन इसके लिए काफी सारे Free और Paid प्लगइन मौजूद है | इनमे से कुछ अच्छे प्लगइन भी है जैसे – Asset Cleanup, W3 Total Cache लेकिन वर्डप्रेस इतना ज्यादा संकुल तरीके से बना हुआ है कि इसमें से Unused CSS & JS को निकालना मुश्किल प्रोसेस है | लेकिन अगर आप ठीक से प्रयास करेंगे तो आप इस मिशन में काफी हद तक सक्सेस भी हो सकते है |

Asset Cleanup एक प्रीमियम प्लगइन है लेकिन काफी सारे फीचर ये आपको फ्री में प्रदान करता है | इस प्लगइन को इनस्टॉल और Activate करने के बाद आपको हर पेज में जाकर देखना होगा कि उस पेज में कौन सा ऐसा प्लगइन है जो यूज़ नहीं हो रहा है, फिर उस Unused प्लगइन के आप्शन को Asset Cleanup में Disable करना होगा | जैसे – Contact Form प्लगइन

अब हो सकता है ये Contact Form प्लगइनआपके सिर्फ तीन-चार Pages में यूज़ हो रहा हो लेकिन ये लोड तो हर पेज में होगा क्यूंकि प्लगइन तो इनस्टॉल है | ऐसे में, Asset Cleanup प्लगइन उस प्लगइन को बाकि सारे पेजेज में Disable कर सकता है | Asset Cleanup सिर्फ एक प्लगइन को ही नहीं बल्कि किसी प्लगइन के खास Functions को भी विशेष रूप से बंद कर सकता है |

अब इसे सेट करना थोडा-सा लम्बा प्रोसेस जरुर है क्यूंकि आपको अपने हर पेज में जाकर ये सब चेक करना होता है और इसके बाद इसे टेस्ट भी करना होता है कि कही कोई Functionality(कार्यक्षमता) रुक तो नहीं गयी है, लेकिन इस पूरी प्रक्रिया का जो परिणाम होता है, वो काफी अच्छा होता है | इसलिए आप इसे एक बार जरुर Try करे क्यूंकि इससे आपकी Website Speed Increase भी होगी और आपके Pagespeed Insights Score में भी सुधार होगा |

5. Minify CSS & JS (Java Script)

Minify CSS & JS का अर्थ है कि CSS और JS में से फालतू स्पेस को हटाना | इसमें CSS या JS फाइल का फंक्शन नहीं बदला जाता है बल्कि इसमें मौजूद स्पेस,कमेंट और लाइन ब्रेक जैसे तत्वों को हटा दिया जाता है, जिससे उस पूरी फाइल का साइज़ कम हो जाता है | ये प्रोसेस देखने में आपको कम असरदार लगे, लेकिन इतना ध्यान रखिए कि आपका लक्ष्य अपनी वेबसाइट को जल्दी से जल्दी लोड करना है, तो ये जो छोटे-छोटे स्टेप्स है ये सब आपके काम आयेंगे |

वैसे CSS और JS को minify करना काफी आसान काम है | लगभग सभी Performance और Caching प्लगइन में इसे Minify करने का आप्शन होता है, अब चाहे वो प्लगइन फ्री हो या Paid. जैसे – WP- Rocket, WP Total Cache आदि | इनके आलावा कई छोटे plugins भी आते है जो आपकी Minimize Main Thread work प्रक्रिया में सहायक होते है |

कई सारे Hosting Servers भी खुद से ये सुविधा देते है | बस आपको ध्यान से इस आप्शन को देखने और समझने की आवश्यकता है |

6. Defer CSS & JS

Defer CSS & JS का मतलब है कि ब्राउज़र इन CSS & JS फाइल्स को डाउनलोड तो कर लेगा लेकिन पूरा पेज लोड  होने तक उन्हें प्रकट नहीं करेगा | इससे Main Thread का काम बच जाता है क्यूंकि ये CSS & JS जिनमे Defer टैग लगा हुआ है, ये बाद में आराम से Render हो सकते है इन्हें कोई जल्दी नहीं है |

Defer टैग लगाने से Main Thread पहले आपके जरुरी घटकों पर काम कर सकता है और उन्हें डाउनलोड करके यूजर को दिखा सकता है | Custom Coded वेबसाइट में आपको खुद से Scripts को पहचानकर उनको Defer करना होता है और WordPress जैसे CMS प्लेटफॉर्म्स में Caching Plugins इस काम को सम्भाल लेते है | लगभग सभी Caching Plugins में ये आप्शन मौजूद होता है |

7. Use Lazy Load

अपनी वेबसाइट में Lazy Load का इस्तेमाल करे इससे भी आपके Page Speed Insights Score में वृद्धि होगी | Lazy Load का मतलब होता है कि Elements को तब लोड करना जब यूजर को उनकी आवश्यकता हो | ये देखने में आपको Defer जैसा ही लगे लेकिजं इन दोनों के बीच में काफी अंतर होता है|

Defer का अर्थ है कि जब मुख्य काम खत्म हो जाए उसके बाद बचे हुए Elements को Execute करना और Lazy Load का अर्थ है कि जब जरुरत पड़े तभी Elements को लोड करना, चाहे मुख्य पेज लोड हुआ हो या ना हुआ हो |

Minimize Main Thread work
Minimize Main Thread work

अगर मुख्य पेज 5 सेकंड में लोड हो जाता है तो Defer किया हुआ कोड 6th सेकंड में प्रकट होना शुरू हो जायेगा लेकिन Lazy Load किया हुआ तत्व तब तक लोड नहीं होगा जब तक यूजर उस पेज को स्क्रॉल करके उस हिस्से तक नहीं पहुँच जाता, जहाँ पर वो Element प्रयोग किया गया है | इसलिए इन दोनों में काफी बड़ा अंतर है|

Custom Coded वेबसाइट में आप इसे Developer से Implement करवा सकते है लेकिन वर्डप्रेस में Lazy Load को मूल रूप से शामिल कर दिया गया है यानी इसके लिए आपको कोई अलग से प्लगइन इनस्टॉल करने की जरूरत नहीं है | इसलिए अगर आपका वर्डप्रेस अपडेटेड है तो आपको इसके लिए कुछ करने की जरूरत नहीं है | वर्डप्रेस अब अपने -आप ही आपकी वेबसाइट में Lazy Load फंक्शन का प्रयोग करेगा |

निष्कर्ष:

हमे अपनी वेबसाइट को अब गूगल में रैंक करने के लिए उसकी स्पीड और परफॉरमेंस पर ध्यान देना देना होगा | वेबसाइट की स्पीड को बूस्ट करने के लिए Main Thread Work को Minimize करना अति आवश्यक है |

उपर बताये गए 7 स्टेप्स का अनुसरण करके आप अपनी वेबसाइट के Page Speed Insights Score को सुधार सकते है |

इन सभी स्टेप्स की मदद से आप जितना संभव हो सके उतना अपने पेज के साइज़ को कम करने की कोशिश करे क्यूंकि छोटी-छोटी चीजे काफी बड़ा प्रभाव डाल सकती है |

अगर आपकी वेबसाइट वर्डप्रेस जैसे CMS प्लेटफार्म पर बनी है तो आप अपनी वेबसाइट में एक अच्छा सा Caching Plugin जरुर डाले | साथ ही अपने पेज में CSS और JS पर भी आप अपना नियंत्रण बनाये रखे |

अपनी वेबसाइट को Atractive और Design Full बनाने के लिए उसमे कोई भी ऐसी थीम या प्लगइन इनस्टॉल ना करे, जिससे आपकी वेबसाइट के Loading टाइम में बढ़ोतरी हो | जितना हो सके अपनी वेबसाइट को सिंपल लेआउट में रखे, इससे आपका Main Thread Work काफी हद तक Minimize हो जायेगा |

अपनी वर्डप्रेस वेबसाइट में आप कम से कम Plugins का इस्तेमाल करे, क्यूंकि ये आपके काफी Resources को खर्च करते है | जिस प्लगइन की आपको सचमुच जरुरत है, उसे ही अपनी वेबसाइट में इनस्टॉल करे और जिस प्लगइन के बिना भी आपका काम चल सकता है, उसे हटाने में जरा भी संकोच ना करे |

वेबसाइट की स्पीड, सबसे ज्यादा आपकी Hosting पर निर्भर करती है | अगर आपकी Hosting सर्विस Slow है तो आप चाहे जितने भी प्रयास कर ले, आपकी वेबसाइट की परफॉरमेंस खराब ही रहेगी | इसलिए आप एक Affordable और Reliable होस्टिंग का इस्तेमाल करे |

अगर आप सस्ती और अच्छी होस्टिंग सर्विस खोज रहे है तो मैं आपको एक Web Hosting का सुझाव देना चाहूँगा – Hostinger.

Hostinger एक काफी पोपुलर और बेस्ट होस्टिंग कंपनी है | ये छोटी और बड़ी सभी प्रकार की Websites के लिए काफी अच्छी होस्टिंग सर्विस प्रदान करते है | बहुत सारी बड़ी और छोटी Websites इसी वेब होस्टिंग पर होस्टेड है, इस वेब होस्टिंग में वे सारे Features मौजूद है जो एक Successful ब्लॉग को बनाने के लिए उपयोगी और सहायक होते है | इसलिए अगर आप चाहे तो इसके बारे में एक सक्षिप्त विवरण यहाँ देख सकते है |

ये थे वे 7 बिंदु, जिनका अगर आप अच्छे से अनुसरण करते है तो निश्चित ही आप अपने Main Thread work को Minimize कर सकते है | इसलिए अगर आपकी वेबसाइट के page speed insights score या GtMetrix Score में बार-बार Minimize Main Thread work का एरर दिखाई दे रहा है तो आप इन सभी पॉइंट्स को एक बार जरुर Try करे |

अगर आपको ये इनफार्मेशन उपयोगी और लाभदायक लगे तो इसे जरूरतमंद लोगो के पास जरुर शेयर करे और अगर आपका इसके बारे मे कोई सवाल या सुझाव है तो हमे Comment में जरुर बताये |

नमस्कार दोस्तों, मैं Mahakal-Blog का फाउंडर हु | ब्लॉग्गिंग करना मेरा प्रोफेशन है और मेरी रूचि, नई-नई चीजो के बारे में जानकारी अर्जित करना और उसे ब्लॉग्गिंग के मध्यम से लोगो के साथ शेयर करने में है | इस ब्लॉग को बनाने के पीछे हमारा मकसद यह है कि हम आपको ब्लॉग्गिंग और डिजिटल मार्केटिंग से सम्बंधित महत्वपूर्ण जानकारी एकदम सरल भाषा हिंदी में उपलब्ध करवा सके !

Share For Support:

Leave a Comment