Favicon अपडेट नहीं हो रहा? पहले cache ठीक करें
एक favicon जो अपडेट नहीं होगा वह लगभग हमेशा एक cache होता है, bug नहीं। पहले पुष्टि करें कि file सचमुच बदली, फिर file से बाहर की ओर caches तोड़ें।
browser को छूने से पहले file जाँचें
Favicons हर परत पर आक्रामक रूप से cache होते हैं: browser, आपका CDN, और कभी-कभी एक बासी build artifact। browser को दोष देने से पहले, पता करें कि कौन-सी परत पुरानी image परोस रही है।
सीधे file पर जाएँ। address bar में https://yoursite.com/favicon.ico खोलें और देखें क्या load होता है। अगर यह पुराना icon है, तो आपका browser समस्या नहीं है, server या CDN अब भी पिछली file दे रहा है। अगर यह नया icon है, तो file ठीक से भेजी गई और केवल आपका browser cache पीछे है।
file से बाहर की ओर काम करें
- 1
icon URL सीधे खोलें
address bar में /favicon.ico और हर PNG path load करें। URL पर पुरानी image का मतलब है एक server, build या CDN cache। URL पर नई image का मतलब है केवल आपका browser बासी है, browser वाले चरणों पर जाएँ।
- 2
tag में एक version query जोड़ें
एक query string से URL नई दिखती है, इसलिए caches एक ताज़ा प्रति लाते हैं। जब भी icon बदले, संख्या बढ़ाएँ। यह अकेला सबसे भरोसेमंद browser-cache उपाय है।
- 3
एक private window में hard refresh करें
एक private या incognito window आपके सामान्य favicon cache को नज़रअंदाज़ करती है। इसे hard refresh के साथ मिलाएँ ताकि आप deployed file का परीक्षण करें, स्थानीय प्रति का नहीं।
- 4
CDN purge करें और एक बासी build साफ करें
अगर पुरानी image अब भी URL पर है, तो अपने CDN या edge cache पर icon paths purge करें, फिर पुष्टि करें कि आपके build ने सचमुच नई files copy कीं। एक cached build artifact तब तक पुराना icon भेजता रहेगा जब तक आप उसे साफ करके फिर से build न करें।
version query
<link rel="icon" href="/favicon.ico?v=2" sizes="any">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png?v=2">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png?v=2">जब भी icon बदले ?v= बढ़ाएँ। वही file path, नई URL, इसलिए browser और CDN caches इसे एक ताज़ा asset मानते हैं।
आम सवाल
बदलने के बाद भी मेरा favicon अपडेट क्यों नहीं हो रहा?
एक cache पुरानी file परोस रहा है। /favicon.ico सीधे खोलें: वहाँ पुरानी image एक CDN या build cache की ओर इशारा करती है, वहाँ नई image आपके browser cache की ओर। जो परत सचमुच बासी है उसे ठीक करें।
मैं browser को favicon दोबारा load करने के लिए कैसे मजबूर करूँ?
link tag में /favicon.ico?v=2 जैसी version query string जोड़ें और हर बदलाव पर उसे बढ़ाएँ, फिर एक private window में hard refresh करें। browser को ताज़ा प्रति लाने का यही सबसे भरोसेमंद तरीका है।
favicon अपने आप अपडेट होने में कितना समय लगता है?
यह आपके cache lifetimes पर निर्भर करता है। version query के बिना इसमें घंटों या उससे ज़्यादा लग सकते हैं, क्योंकि browsers और CDNs icons को लंबे समय तक रखते हैं। एक version query बदलाव को अगले load पर प्रभावी कर देती है।
मेरा favicon iOS home screen को छोड़कर हर जगह अपडेट हो गया। क्यों?
iOS के saved shortcuts icon को जोड़े जाने के समय पर स्थिर कर देते हैं। नए apple-touch-icon को पाने के लिए shortcut delete करें और page फिर से जोड़ें।