मार्केटिंग को एक chat widget और दो analytics tags जोड़ने हैं। आप इन्हें अपने परफॉर्मेंस मेट्रिक्स तबाह किए बिना कैसे शिप करेंगे?

इन्हें head में नहीं, पेज के interactive होने के बाद load करें: defer या async, idle पर inject, या chat जैसी भारी चीज़ों के लिए किसी यूज़र interaction के बाद। सच में ज़रूरत हो तभी preconnect देकर उन्हें अपना connection बजट दें, आकार का बजट तय करें, और पहले तथा बाद का असर असली यूज़र मेट्रिक्स से नापें। अगर कोई vendor main thread रोकता है तो उसे worker या iframe में अलग करें, या tracking को सर्वर की तरफ ले जाएं।

पहले मैं बहस नहीं, माप करता हूं। मैं हर एक को किसी flag के पीछे जोड़ता हूं और throttled profile में उसकी main thread की खपत तथा transfer size देखता हूं, ताकि बातचीत किसी अहसास पर नहीं, एक ठोस नंबर पर हो। फिर loading की रणनीति: analytics tags async में जाते हैं या idle पर inject होते हैं, क्योंकि यूज़र को दिखने वाली कोई चीज़ उन पर निर्भर नहीं। chat widget महंगा वाला है, और उसे लगभग कभी पेज load पर आने की ज़रूरत नहीं होती, तो मैं एक हल्का placeholder button दिखाता हूं और असली widget सिर्फ पहले click पर या पेज के कुछ सेकंड idle रहने के बाद लाता हूं। इतने भर से आमतौर पर critical path से कई सौ किलोबाइट हट जाते हैं। अगर कोई vendor synchronous काम पर अड़ा हो तो विकल्प हैं उसे partytown जैसे तरीके से worker में चलाना, iframe में अलग करना ताकि कम से कम layout घिरा रहे, या tracking सर्वर की तरफ ले जाना। फिर मैं CI में bundle और तीसरे पक्ष का बजट लगा देता हूं, क्योंकि ये चीज़ें एक एक करके आती हैं और हर एक छोटी लगती है।