वेब प्रदर्शन के लिए आप दर्जनों टूल का उपयोग कर सकते हैं

अपने पेज की गति को बेहतर बनाने के लिए अक्सर विभिन्न उपकरणों की सहायता की आवश्यकता होती है। इनमें से कुछ उपकरण पेज की गति को मापने के लिए उपयोग किए जाते हैं, जबकि अन्य आपके पेज एसेट के आकार को कम करने के लिए उपयोग किए जाते हैं। इस लेख में, हमने एक लाइब्रेरी बनाई है जो एक आसान संदर्भ के रूप में काम करेगी।

यदि हमें इस आलेख में उपकरणों द्वारा कवर किए गए क्षेत्रों को सूचीबद्ध करने की आवश्यकता है:

• पृष्ठ गति निर्धारित करने के लिए उपकरण
• छवि का आकार कम करने के लिए उपकरण
• सीएसएस, जावास्क्रिप्ट, HTML अनुकूलन उपकरण

पेज की गति निर्धारित करने के लिए उपकरण

1. गूगल पेजस्पीड इनसाइट्स:  सबसे प्रसिद्ध पेज स्पीड टूल। यह लाइटहाउस इंफ्रास्ट्रक्चर का उपयोग करके साइटों को स्कोर करता है और पिछले 28 दिनों का डेटा प्रदान करता है।
2. वेबपैगेट: एक ऐसा प्लेटफॉर्म जो औसत परिणाम प्रदान करने के लिए अपने बुनियादी ढांचे पर तीन अलग-अलग परीक्षण करता है और एपीआई के साथ अधिक तकनीकी रिपोर्ट प्रदान करता है।
3. Treo.sh: एकमात्र प्लेटफॉर्म जो पेजस्पीड और क्रक्स इंफ्रास्ट्रक्चर के आधार पर पिछले 12 महीनों का दृश्य डेटा प्रस्तुत करता है।
4. GTmetrix: एक उपकरण जो लाइटहाउस बुनियादी ढांचे का उपयोग करके साइट की गति पर अंतर्दृष्टि प्रदान करता है और अपना स्कोर देता है।
5. डारेबॉस्ट: एक उपकरण जो साइट की बुनियादी संरचना पर गति की जानकारी प्रदान करता है।
6. कैलिब्री ऐप: एक उपकरण जो आपको लाइटहाउस अवसंरचना का उपयोग करके प्रतिस्पर्धियों के साथ कई पृष्ठों की तुलना करने की अनुमति देता है।
7. स्पीडकर्व: एक सशुल्क उपकरण जहां आप RUM और सिंथेटिक साइट गति डेटा पा सकते हैं।
8. येल्लोलैब: एक उपयोगी उपकरण जो इसके बुनियादी ढांचे पर अद्वितीय सुधार योग्य मेट्रिक्स प्रदान करता है।
9. स्पीड किट: दुर्लभ उपकरणों में से एक जो न केवल साइट की समस्याओं का निदान करता है बल्कि उनका उपचार भी करता है, वर्डप्रेस प्लगइन के रूप में और सामान्य साइटों के लिए उपलब्ध है।
10. Perfmatters.io: वर्डप्रेस के लिए एक हल्का प्रदर्शन प्लगइन।

छवि का आकार कम करने के लिए उपकरण

1. Imagify.io: छवि आकार को कम करने के लिए एक उपकरण, एक एपीआई और एक वर्डप्रेस प्लगइन के साथ।
2. Squoosh.app: छवियों को MozJPEG, OptiPNG और WebP जैसे प्रारूपों में परिवर्तित करने के लिए एक बहुत ही सरल और तेज़ उपकरण।
3. TinyJPG: JPG आकार को कम करने के लिए एक सरल उपकरण।
4. TinyPNG: पिछले टूल का PNG संस्करण.
5. Compressor.io: एक ऐसा प्लेटफॉर्म जो JPEG, PNG, GIF और SVG प्रारूपों को संपीड़ित करता है और अपने तुलनात्मक दृश्यों के साथ अलग दिखता है।
6. क्रैकेन: एपीआई समर्थन के साथ सबसे पुराने और सबसे मजबूत उपकरणों में से एक, वर्डप्रेस और मैगेंटो प्लगइन्स के साथ-साथ जेपीईजी, पीएनजी, जीआईएफ, एनिमेटेड जीआईएफ और एसवीजी प्रारूप प्रदान करता है।
7. Optimizilla: एक सरल और अत्यधिक उपयोगी JPEG और PNG फ़ाइल कंप्रेसर।
8. ImageOptim: एक ऑनलाइन उपकरण, विशेष रूप से मैक कंप्यूटरों पर बैच छवि संपीड़न के लिए उपयोगी।
9. क्रश तस्वीरें: एक उपकरण जो शॉपिफ़ाई और वर्डप्रेस प्लगइन्स के साथ छवियों के लिए दोषरहित अनुकूलन प्रदान करता है, जो एपीआई के माध्यम से भी उपलब्ध है।
10. minifier: Shopify के लिए एक एसईओ-अनुकूल उपकरण जो छवियों के लिए alt टैग उत्पन्न करता है।
11. GIMP वेब के लिए सहेजें: विंडोज़ के लिए एक अनुप्रयोग जो बैच छवि संपीड़न की अनुमति देता है।
12. वेबसाइट छवि विश्लेषण उपकरण: एक उपकरण जो आपको इनपुट URL के आधार पर बताता है कि कौन सा छवि प्रारूप अधिक अनुकूलित है।

सीएसएस, जावास्क्रिप्ट, HTML अनुकूलन उपकरण

1. रिफ्रेश-एसएफ: एक उपकरण जो CSS, JS और HTML सभी को एक साइट पर संपीड़ित करता है।
2. क्लीनसीएसएस: सीएसएस संपीड़न के लिए एक व्यापक रूप से इस्तेमाल किया उपकरण।
3. स्टाइलनीट: एक उपकरण जो CSS, JS और HTML प्रारूपों को एक ही मंच पर संपीड़ित करता है।
4. सीएसएस ऑप्टिमाइज़र: एक मंच जो सीएसएस अनुकूलन प्रदान करता है।
5. टैबीफायर: एक प्लेटफ़ॉर्म जो HTML, CSS और JSON कोड संरचनाओं को संपीड़ित करता है।
6. minifier: एक मंच जो सीएसएस और जेएस संरचनाओं को संपीड़ित करता है।
7. क्रिटिकल सीएसएस: पृष्ठों से महत्वपूर्ण CSS निकालने के लिए Addy Osmani द्वारा विकसित एक GitHub स्रोत कोड।
8. शुद्ध करेंसीएसएस: एक बहुत ही उपयोगी उपकरण जो पृष्ठ पर अप्रयुक्त CSS को अलग करता है।

ये उपकरण आपके काम को काफी हद तक बेहतर बना सकते हैं वेबसाइट का प्रदर्शन पृष्ठ गति माप से लेकर परिसंपत्ति आकार में कमी और कोड अनुकूलन तक विभिन्न पहलुओं को अनुकूलित करके।