विज्ञापन
मेरे एचyperटीext मarkup एलपीड़ा (एचटीएमएल) कौशल कुछ के लिए जंग खाए हुए हैं, लेकिन शायद जो मुझे इस लेख के लिए योग्य बनाता है। वापस दिन में जब दोस्त अभी भी टीवी पर था और एओएल रोज मुफ्त कोस्टर और मिनी-फ्रिस्बे भेज रहा था, मैं डायल-अप मोडेम पर लोड करने के लिए वेबसाइट बना रहा था। जैसे-जैसे समय बीतता गया, मुझे लगता है कि गैर-ब्रॉडबैंड (डायल-अप) कनेक्शन के साथ अभी भी बहुत सारे लोग हैं और उस पर आधारित वेब साइटों को डिजाइन करना जारी रखते हैं।
अंत में, मैंने हार मान ली वेब डिजाइन और विकास वेब डिज़ाइन सीखना चाहते हैं? 7 YouTube चैनल आपको आरंभ करने के लिएYouTube में वेब डिज़ाइन शुरुआती लोगों के लिए हजारों वीडियो और चैनल हैं। यहाँ हम आरंभ करने के लिए कुछ सबसे अच्छे लोगों को देखते हैं। अधिक पढ़ें जब सामग्री की गुणवत्ता को सामग्री की मात्रा से किनारे पर धकेलना शुरू किया जाता है। फ्लैश साइट, बहुत सारी छवियां, पॉप-अप, पॉप-अंडर, स्लाइडर्स, आदि। अपनी गुणवत्ता की सामग्री पर विश्वास करें और आपको इस फुल की आवश्यकता नहीं है। अपनी सामग्री पर भरोसा करें और आप अपनी वेबसाइट को धधकते हुए तेज़ बना सकते हैं।
एक वेबसाइट है कि एक मुफ्त सेवा पर होस्ट किया जाता है के साथ, तेज है निश्चित रूप से बेहतर। क्यों? क्योंकि 'फ्री' बहुत सारे लोगों को आकर्षित करता है और सर्वर को आपके पेज को हजारों अन्य लोगों के पेज से बाहर करना पड़ता है जो अनुकूलित नहीं हैं। यह केनवर्थ पुलिन के लॉग के एक काफिले को आपके जिमी हूलिन के हॉग के साथ पारित करने की कोशिश कर रहा है। लेकिन अगर आपके पास एक छोटा पोर्श है, जो करने में बहुत आसान है।
यहाँ वसा को ट्रिम करने के लिए कुछ सुझाव दिए गए हैं, कोई विशेष क्रम में नहीं।
1. टेबल्स का संयम से उपयोग करें
टेबल्स एक कैच -22 हैं। शुरुआत में, वे डिजाइन तैयार करने के साथ-साथ सामग्री को तालिका प्रारूप में रखने के लिए उपयोग किए जाते थे। जैसे-जैसे डिज़ाइन लेआउट अधिक जटिल होते गए, तालिकाओं को बड़ा और गहरा घोंसला मिला, और इसका मतलब है कि लोड समय पर धीमा होना।
सीascading एसtyle एसहीट्स (सीएसएस) साथ आए और वास्तव में लेआउट के लिए तालिकाओं के उपयोग की समस्या में मदद की। दुर्भाग्य से, ब्राउज़र निर्माता मानकों के विचार के आसपास अपने सिर को लपेट नहीं सकते हैं - और अभी भी नहीं कर सकते। फ़ायरफ़ॉक्स में सीएसएस में जो बहुत अच्छा लग रहा था वह आईई में एक कुत्ते के नाश्ते की तरह दिखता था और संभवतः सफारी में भी प्रस्तुत नहीं किया गया था। मुझे चालू न करें IE5 एक मैक पर. मैं अभी भी उस पर चिकित्सा में हूँ।
कृपया तालिकाओं का उपयोग केवल लेआउट सामग्री के लिए करें जो एक में होनी चाहिए सारणीबद्ध प्रारूप Tableizer: एक्सेल स्प्रैडशीट से HTML टेबल जेनरेट करें अधिक पढ़ें - एक मूल्य सूची या हॉकी आँकड़े की तरह। यह तालिकाओं की संख्या, और घोंसले के शिकार की गहराई को कम करता है, जिसका अर्थ है कि तेजी से लोड समय। सीएसएस सीखना सीएसएस ऑनलाइन सीखने के लिए शीर्ष 5 साइटें अधिक पढ़ें एक बड़ा फर्क पड़ेगा, अगर आपके पास एक फैंसी लेआउट होना चाहिए।
2. रंग बनाने के लिए HTML का उपयोग करें
हां, मैं कनाडाई हूं, इसलिए यह मेरे लिए एक 'यू' रंग है। मुझे पता है कि HTML अमेरिका-केंद्रित है इसलिए विशेषता 'रंग' है। अपनी जानें हेक्सिडेसिमल रंग कोड और छवियों के बजाय सामग्री को जीवंत करने के लिए उनका उपयोग करें।
अपने HTML तत्वों में रंग विशेषता को जोड़ने की कोशिश करें ताकि इसे मसाला बनाया जा सके। यह विशेष रूप से तालिकाओं या बॉडी टैग में अच्छा काम करता है, जैसे:
यदि आप एक ब्राउज़र थे, तो क्या आप # का एक सरल 7 वर्ण लोड करने में तेज़ होंगेFF00FF या 10 × 10 पिक्सेल रंग की छवि कुछ हजार बार फ्यूशिया है? यह एक आलंकारिक प्रश्न है, आप पिछली पंक्ति में हैं। अपना हाथ नीचे करो।
3. लिपियों / स्टाइल शीट से लिंक करें
यदि आप एक निश्चित का उपयोग करते हैं जेएवाएसअपनी वेबसाइट पर बार-बार क्रिप्ट (जेएस) या सीएसएस, हर पेज पर डालने के बजाय, अपनी फ़ाइल बनाने और उसे कॉल करने के बारे में सोचें। चूंकि एक ब्राउज़र एक फ़ाइल को कैश करने और उस फ़ाइल को सर्वर से जांचने से पहले कॉल करता है, आपके ब्राउज़र में पहले से ही वह स्क्रिप्ट या सीएसएस उपयोग करने के लिए तैयार होगा। इसका मतलब कम है एचyperटीext टीransfer पीरोटोकॉल (HTTP) कॉल जिसका अर्थ है एक तेज़ लोडिंग पेज।
बाहरी जावास्क्रिप्ट को कैसे कॉल करें:
–>
मैंने उन टिप्पणी टैग को जावास्क्रिप्ट के लिए कॉल के आसपास क्यों रखा? क्योंकि हर ब्राउज़र स्क्रिप्ट पढ़ने के लिए सेट नहीं है। टिप्पणी टैग जोड़ने से स्क्रिप्टिंग अक्षम के साथ ब्राउज़रों को परेशान करने वाले त्रुटि संदेश देने के बजाय, बस इसे छोड़ दें।
कैसे एक बाहरी आवरण शैली शीट को कॉल करें:
यह इत्ना आसान है। वह विशेषता href है जहाँ आप अपनी शैली पत्रक का स्थान निर्धारित करते हैं। बाकी विशेषताएँ ब्राउज़र को बताती हैं कि वह फ़ाइल क्या है, इसलिए यह जानती है कि उसके साथ क्या करना है।
कुछ डेवलपर्स उपयोग कर सकते हैं @आयात एक स्टाइलशीट को कॉल करने की विधि। Internet Explorer में, यह आपके होने जैसा है आपकी फ़ाइल के नीचे टैग, जिससे यह पूरे पृष्ठ को लोड करता है और इस पर शैलियों को प्रस्तुत करता है। अच्छा नही।
4. एक फ़ाइल में अपने सामान्य रूप से प्रयुक्त लिपियों को मिलाएं
कई वेब डेवलपर बार-बार एक ही स्क्रिप्ट का उपयोग करेंगे। शायद एक घड़ी की स्क्रिप्ट और एक कैलेंडर स्क्रिप्ट होती है और शायद कुछ विशेष प्रकार की स्क्रिप्ट होती है, जिसका उपयोग वे हर पृष्ठ पर करते हैं। 3 अलग-अलग फ़ाइलों के बजाय, 3 अलग-अलग HTTP कॉल के साथ, स्क्रिप्ट को एक फ़ाइल में रखें और एक बार कॉल करें। यह आपके HTTP कॉल को 66% तक कम कर देता है और यह कैश भी हो जाता है। आप दानव, आप गति! इससे पहले कि आप फिर से अपना हाथ बढ़ाएं, हाँ, आप सीएसएस फ़ाइलों के साथ एक ही काम कर सकते हैं।
5. अपनी छवियों के आकार को बदलने के लिए HTML का उपयोग न करें
यदि आप अपने वेब पेज पर 1000 × 1000 पिक्सेल की छवि का उपयोग करना चाहते हैं, लेकिन आप इसे केवल 250 × 250 पिक्सेल चाहते हैं, तो इसे एक छवि संपादक में बदल दें। कुछ लोग HTML का उपयोग करके छवि को ‘सिकोड़ेंगे’ जैसे:
यदि वह 1000 × 1000 पिक्सेल छवि फ़ाइल आकार में 2 एमबी है, तो इसे HTML के साथ आकार देना फ़ाइल के आकार को छोटा नहीं बनाता है! वास्तव में इसे लोड होने में अधिक समय लग सकता है, क्योंकि अब ब्राउज़र को बोलने के लिए 2 पाउंड बैग में 10 पाउंड का पूप लगाना होगा। आसान काम नहीं है।
उम्मीद है ये टिप्स आपकी मदद करेंगे। यदि आप उनका उपयोग करते हैं या साझा करने के लिए कुछ अन्य HTML अनुकूलन विचार रखते हैं, तो मुझे टिप्पणियों में एक शोटबैक दें।
आईटी, प्रशिक्षण, और तकनीकी ट्रेडों में 20+ वर्षों के अनुभव के साथ, यह मेरी इच्छा है कि जो मैंने सीखा है वह किसी और के साथ सीखने के लिए तैयार हो। मैं सबसे अच्छा संभव तरीके से सबसे अच्छा काम करने का प्रयास करता हूं, और थोड़ा हास्य के साथ।
