एप्प टीमों को वाहन इमेजरी को एक पेलोड समस्या और एक सुसंगतता समस्या के रूप में विरासत में मिलती है। दोनों को एक ही लुकअप से हल करें: VIN या स्पेसिफिकेशन से सटीक वाहन, एक CDN से साइज्ड WebP के रूप में डिलीवर किया गया, आपकी लिस्ट व्यूज को महसूस नहीं होगा।
एक वाहन सूची जो पूर्ण रिज़ॉल्यूशन फोटो भेजती है, एक स्क्रॉल प्रदर्शन बग है जो एक डिज़ाइन निर्णय का परिधान पहनता है। कार्ड की रेंडरिंग की चौड़ाई का अनुरोध करें, WebP में, और वही सूची बिना रीडिज़ाइन के तेज़ हो जाती है।
सर्वर साइड पर सुलझाएँ, क्लाइंट साइड पर रेंडर करें, हर जगह कैश करें। पैटर्न जानबूझकर बोरिंग है।
VIN या स्पेसिफिकेशन्स वहां से रिज़ॉल्व होते हैं जहाँ आपका डेटा रहता है, और API की नहीं।
कार्ड्स को इमेज यूआरएल्स को प्लेन स्ट्रिंग्स के रूप में मिलते हैं, जिसमें srcset स्टाइल वेरिएंट्स वाइड्थ पैरामीटर से होते हैं
CDN हेडर नेटवर्क के कैशिंग का काम करते हैं, आपका छवि पाइपलाइन डिवाइस पर लेयरिंग का काम करता है, और लिस्ट ऑफ़लाइन स्क्रॉल होती हैं।
लोडिंग के दौरान फिक्स्ड रेशियो प्लेसहोल्डर, मिसेज पर एक ब्रांडेड फॉलबैक, और रिस्पॉन्स बताता है जब एक फॉलबैक मॉडल वर्ष का उपयोग किया गया था।
हर वाहन के बीच एक जैसे फ्रेमिंग, जो एक सूची को डिजाइन किया हुआ महसूस कराती है.
कार ऐप्स को फॉरकोर्ट्स, पार्किंग गैराज और ट्रेनों पर उपयोग किया जाता है। कैशेबल यूआरएल्स के साथ स्थिर आईडी का मतलब है कि आपका मौजूदा ऑफ़लाइन रणनीति वाहन इमेजरी को भी कवर करती है, और एक ब्राउज़ की गई सूची एक डेड ज़ोन में ब्राउज़ेबल रहती है।
बिना भारी मेहनत के वाहन छवियाँ अपने उत्पाद में लाइए। साफ़ दस्तावेज़ीकरण, खुले SDK और तैयार प्लगइन मिनटों में आपके स्टैक से जुड़ जाते हैं, और हमारा स्टेटस पेज लाइव दिखाता है कि API कैसा चल रहा है।
डार्क मोड, ब्रांड बैकग्राउंड और सीज़नल थीम्स सभी कार को बिना बैकग्राउंड के चाहते हैं। आपकी सतह रंग पर पारदर्शी WebP का मतलब है एक एसेट हर थीम को सेवा करता है, और डिजाइन सिस्टम चार्ज में रहता है।
हमने सिर्फ उस चौड़ाई का अनुरोध करके सूची दृश्य पेलोड को काफी कम कर दिया, जिसे हम रेंडर करते हैं, और डार्क मोड एक विशेष मामला नहीं रहा, जिस दिन हम पारदर्शी कटआउट्स पर स्विच हुए।
सभी, क्योंकि डिलीवरेबल एक इमेज URL है। URL से इमेज रेंडर करने वाले सभी सिस्टम एक जैसा इंटीग्रेट होते हैं, और रिज़ॉल्व स्टेप आपकी बैकएंड में रहता है, क्लाइंट स्टैक के बावजूद।
वाइड्थ पैरामीटर के माध्यम से वाइड्थ वेरिएंट्स का अनुरोध करें और डिवाइस के अनुसार चुनें, बिल्कुल वेब पर srcset की तरह। तीन साइज प्रैक्टिकल में फोन से टैबलेट तक कवर करते हैं।
स्थिर आईडी को की के रूप में अपने सामान्य पाइपलाइन के माध्यम से कशे करें। फिक्स्ड फ्लीट्स के लिए बिल्ड टाइम पर बंडलिंग भी काम करता है, और लाइसेंस स्टोर किए गए कॉपियों को कवर करता है।
एक बार डिजाइन करें: लोडिंग के दौरान फिक्स्ड रेशियो प्लेसहोल्डर, मिस पर ब्रांडेड फॉलबैक, और पहचानकर्ता को लॉग करें। रिस्पॉन्स फॉलबैक जैसे एक सब्स्टिट्यूटेड मॉडल ईयर को भी फ्लैग करता है, इसलिए आप तय करते हैं कि क्या दिखाना है।
अगर आप कैश करते हैं। कैटलॉग अपडेट्स पर रिज़ॉल्व करें, अपने स्टोरेज या CDN से सर्व करें, और ऐप कभी भी हमारी ओरिजिन पर क्रिटिकल पाथ में इंतज़ार नहीं करता।
JavaScript स्टैक के लिए एक npm पैकेज है, और REST API छोटा है, इसलिए नेटिव टीमें आमतौर पर इसे एक दोपहर में लपेट लेती हैं। दस्तावेज़ में पूर्ण पैरामीटर संदर्भ शामिल है।
Vehicle Imagery app teams तक किसी और के decision के रूप में पहुंचती है: listings exist करती हैं, photos जो भी हैं, और app को उन्हें parking garage में एक three year old phone पर scroll करना होगा. Most of the resulting engineering effort images को compensate करने में जाती है जो app के लिए बनाई नहीं गईं.
सबसे बड़ा जीत एकदम सरल है: कार्ड रेंडर करने के आकार का अनुरोध करें। एक लिस्ट व्यू जो 1200 पिक्सेल इमेज 300 पिक्सेल सेल में भेजता है, वह उपयोगकर्ता के बैटरी और धैर्य को उन पिक्सेल्स पर खर्च कर रहा है जिन्हें कोई नहीं देखता। चौड़ाई और फॉर्मेट को अनुरोध पैरामीटर के रूप में, सही साइजिंग कॉन्फ़िगरेशन बन जाता है, और प्रदर्शन बजट डिज़ाइन के साथ लड़ना बंद हो जाता है।
कैटलॉग अपडेट्स पर सर्वर साइड पर सुलझाएँ, अपने स्टोरेज में कैश करें, और हमारी CDN को रिफिल के रूप में, न कि टैप के रूप में मानें। फिर ऐप का क्रिटिकल पाथ केवल उस इन्फ्रास्ट्रक्चर पर निर्भर करता है जो आप नियंत्रित करते हैं, और यह एक बाहरी इमेज कैटलॉग का महसूस होना चाहिए: हर जगह मौजूद, कहीं भी नोटिस नहीं।
हर वाहन के बीच एक जैसे फ्रेमिंग मौजूद होने पर अदृश्य होती है और अनुपस्थित होने पर चुभती है. स्थिर अनुपातों से सेल्स कूदना बंद हो जाता है, एकरूप प्रकाश व्यवस्था डार्क मोड को समन्वित रखती है, और पारदर्शी कटआउट डिजाइन सिस्टम को हर पृष्ठभूमि पर स्वामित्व देती है. सूची एकत्रित सामग्री की तरह नहीं दिखती, बल्कि ऐप की तरह दिखने लगती है.
अपने डेटा से कुछ VINs या स्पेसिफिकेशन्स भेजें और हमें बताएं कि आप कितने कार्ड साइज रेंडर करते हैं। आप एक बिल्ड में डालने के लिए तैयार URL पाते हैं
