एप्प टीमों को वाहन इमेजरी को एक पेलोड समस्या और एक सुसंगतता समस्या के रूप में विरासत में मिलती है। दोनों को एक लुकअप से हल करें: वीआईएन या स्पेक से सटीक वाहन, एक सीडीएन से साइज्ड वेबपी के रूप में डिलीवर किए गए, आपकी लिस्ट व्यूज को महसूस नहीं होंगे।
एक वाहन सूची जो पूर्ण रिज़ॉल्यूशन फोटो भेजती है, एक स्क्रॉल प्रदर्शन बग है जो एक डिज़ाइन निर्णय पहनता है। कार्ड को रेंडर करने वाले चौड़ाई का अनुरोध WebP में करें, और वही सूची बिना पुनः डिज़ाइन के तेज़ हो जाती है।
सर्वर साइड रिज़ॉल्व करें, क्लाइंट साइड रेंडर करें, हर जगह कैश करें। पैटर्न जानबूझकर बोरिंग है।
VINs या स्पेसिफिकेशन्स यह बताते हैं कि आपका डेटा कहाँ रहता है, और API की है API key डिवाइस से बाहर रहती है।
कार्ड्स को इमेज यूआरएल्स को सादे स्ट्रिंग्स के रूप में मिलते हैं, जिनमें srcset स्टाइल वेरिएंट्स वIDTH पैरामीटर से होते हैं
CDN हेडर्स नेटवर्क कैशिंग करते हैं, आपका इमेज पाइपलाइन ऑन-डिवाइस लेयर करता है, और लिस्ट ऑफ़लाइन स्क्रॉल होते हैं।
लोडिंग के दौरान फिक्स्ड रेशियो प्लेसहोल्डर, मिस के लिए ब्रांडेड फॉलबैक, और रिस्पॉन्स बताता है जब एक फॉलबैक मॉडल वर्ष का उपयोग किया गया था
हर वाहन पर एक जैसा फ्रेमिंग, जो एक सूची को डिज़ाइन किया हुआ महसूस कराता है।
कार एप्स को फॉरकोर्ट्स, पार्किंग गैराज और ट्रेनों पर उपयोग किया जाता है। कैशेबल URLs और स्थिर IDs का मतलब है कि आपका मौजूदा ऑफ़लाइन रणनीति वाहन इमेजरी को भी कवर करती है, और एक ब्राउज़ की गई सूची एक डेड ज़ोन में भी ब्राउज़ेबल रहती है।
बिना भारी मेहनत के वाहन छवियाँ अपने उत्पाद में लाइए। साफ़ दस्तावेज़ीकरण, खुले SDK और तैयार प्लगइन मिनटों में आपके स्टैक से जुड़ जाते हैं, और हमारा स्टेटस पेज लाइव दिखाता है कि API कैसा चल रहा है।
डार्क मोड, ब्रांड बैकग्राउंड और सीज़नल थीम्स सभी कार को उसके बैकग्राउंड के बिना चाहते हैं। आपकी सतह रंग पर ट्रांसपेरेंट WebP का मतलब है कि एक एसेट हर थीम को सर्व करता है, और डिजाइन सिस्टम चार्ज में रहता है।
हमने केवल उस चौड़ाई का अनुरोध करके सूची दृश्य पेलोड को महत्वपूर्ण रूप से कम कर दिया, जिसे हम रेंडर करते हैं, और डार्क मोड एक विशेष मामला नहीं रहा, जिस दिन हम पारदर्शी कटआउट्स पर स्विच हुए।
सभी, क्योंकि डिलीवरेबल एक छवि URL है। URL से छवियाँ रेंडर करने वाले सभी एक ही तरह से इंटीग्रेट होते हैं, और रिज़ॉल्व स्टेप आपकी बैकएंड में रहता है, क्लाइंट स्टैक के बावजूद।
चौड़ाई वेरिएंट्स को चौड़ाई पैरामीटर के माध्यम से अनुरोध करें और डिवाइस के अनुसार चुनें, बिल्कुल वेब पर srcset की तरह। प्रैक्टिकल में तीन साइज फोन से टैबलेट तक कवर करते हैं
स्थिर आईडी को की के रूप में अपने सामान्य पाइपलाइन के माध्यम से कैश करें। फिक्स्ड फ्लीट्स के लिए बिल्ड टाइम पर बंडलिंग भी काम करता है, और लाइसेंस स्टोर्ड कॉपी को कवर करता है।
एक बार डिज़ाइन करें: लोडिंग के दौरान फिक्स्ड रेशियो प्लेसहोल्डर, मिस पर ब्रांडेड फॉलबैक, और पहचान को लॉग करें। रिस्पॉन्स में फॉलबैक जैसे बदलाव किए गए मॉडल वर्ष को भी फ्लैग किया जाता है, जिससे आप यह तय कर सकते हैं कि क्या दिखाना है।
अगर आप कैश करते हैं, तो नहीं। कैटलॉग अपडेट्स पर रिज़ॉल्व करें, अपने स्टोरेज या CDN से सर्व करें, और ऐप कभी भी क्रिटिकल पाथ में हमारी ओरिजिन पर इंतज़ार नहीं करता।
JavaScript स्टैक के लिए एक npm पैकेज है, और REST API इतना छोटा है कि नेटिव टीमें इसे आमतौर पर एक दोपहर में लपेट देती हैं। डॉक्स में पूर्ण पैरामीटर रेफ़रेंस शामिल है।
वाहन छवियाँ ऐप टीमों तक किसी और के फैसले के रूप में पहुंचती हैं: लिस्टिंग मौजूद हैं, फोटो जो भी हैं, और ऐप को उन्हें एक पार्किंग गैराज में तीन साल पुराने फोन पर स्मूथ स्क्रॉल करना होगा। परिणामस्वरूप इंजीनियरिंग प्रयास का अधिकांश भाग उन छवियों के लिए मुआवज़ा करने में जाता है जो एक ऐप के लिए कभी बनाई नहीं गईं।
सबसे बड़ा फायदा बेहद सरल है: कार्ड की रेंडरिंग साइज का अनुरोध करें। एक लिस्ट व्यू जो 1200 पिक्सेल इमेज को 300 पिक्सेल सेल्स में भेजता है, वह उपयोगकर्ता के बैटरी और धैर्य को उन पिक्सेल्स पर खर्च कर रहा है जिन्हें कोई नहीं देखता। वIDTH और फॉर्मेट को अनुरोध पैरामीटर के रूप में, सही साइजिंग कॉन्फ़िगरेशन बन जाती है, और प्रदर्शन बजट डिज़ाइन के साथ लड़ना बंद हो जाता है।
कैटलॉग अपडेट्स पर सर्वर साइड रिज़ॉल्व करें, अपने स्टोरेज में कैश करें, और हमारी CDN को रिफ़िल के रूप में, न कि टैप के रूप में उपयोग करें। फिर ऐप का क्रिटिकल पैथ केवल उस इन्फ्रास्ट्रक्चर पर निर्भर करता है जो आप नियंत्रित करते हैं, और यह एक बाहरी इमेज कैटलॉग को कैसे महसूस होना चाहिए: हर जगह मौजूद, कहीं भी नोटिस नहीं।
हर वाहन के बीच समान फ्रेमिंग उपस्थित होने पर अदृश्य होती है और अनुपस्थित होने पर चमकती है। फिक्स्ड एस्पेक्ट रेशियो सेल्स को छलांग लगाने से रोकते हैं, यूनिफॉर्म लाइटिंग डार्क मोड को सहज बनाए रखती है, और ट्रांसपेरेंट कटआउट्स डिज़ाइन सिस्टम को हर पृष्ठभूमि पर स्वामित्व लेने देते हैं। सूची एकत्रित सामग्री जैसी नहीं लगती, बल्कि ऐप जैसी लगती है।
अपने डेटा से कुछ VIN या स्पेसिफिकेशन भेजें और हमें बताएं कि आप कितने कार्ड साइज़ रेंडर करते हैं। आप एक बिल्ड में डालने के लिए तैयार URL प्राप्त करते हैं।
