झटपट मोबाइल वेब ऐप्लिकेशन

अहम रेंडर पाथ ऐसी किसी भी चीज़ (JavaScript, एचटीएमएल, सीएसएस, इमेज) के बारे में बताता है जो ब्राउज़र को पेज को पेंट करने से पहले चाहिए. अहम रेंडरिंग पाथ पर एसेट की डिलीवरी को प्राथमिकता देना ज़रूरी है. खास तौर पर, मोबाइल नेटवर्क जैसे स्मार्टफ़ोन वाले नेटवर्क पर इस्तेमाल करने वाले डिवाइसों के लिए. ब्रायन ने बात की कि Google की टीम ने PageSpeed Insights वेबसाइट के लिए एसेट की पहचान कैसे की

स्लाइड

  • रेंडर-ब्लॉक करने वाली JavaScript और सीएसएस को हटाएं.
  • दिखने वाले कॉन्टेंट को प्राथमिकता दें.
  • स्क्रिप्ट एसिंक्रोनस रूप से लोड होती हैं.
  • शुरुआती व्यू सर्वर साइड को एचटीएमएल के तौर पर रेंडर करें और JavaScript की मदद से बेहतर बनाएं.
  • रेंडर को रोकने वाली सीएसएस को कम करें. सिर्फ़ वे स्टाइल डिलीवर करें जो शुरुआती व्यूपोर्ट को दिखाने के लिए ज़रूरी हैं. इसके बाद, बाकी स्टाइल डिलीवर करें.
  • रेंडर ब्लॉक करने वाले सीएसएस में इनलाइन किए गए बड़े डेटा यूआरआई, रेंडर परफ़ॉर्मेंस के लिए नुकसानदेह हैं; वे ऐसे संसाधनों को ब्लॉक कर रहे हैं जहां इमेज यूआरएल ब्लॉक नहीं किए जा रहे हैं.