ጣቢያዎን ከሲ.ኤስ.ኤስ Sprites ጋር በፍጥነት ማፋጠን

spritemaster ድር

ስለ ገጽ ፍጥነት በጣም የምጽፈው በዚህ ጣቢያ ላይ ነው እናም በደንበኞቻችን ጣቢያዎች ላይ የምናደርጋቸው ትንተናዎች እና ማሻሻያዎች አስፈላጊ አካል ነው ፡፡ ወደ ኃይለኛ አገልጋዮች ከመዘዋወር እና እንደነዚህ ያሉ መሣሪያዎችን ከመጠቀም ባሻገር የይዘት አቅርቦት አውታረ መረቦች፣ አማካይ የድር ገንቢ ሊጠቀምባቸው የሚችሏቸው ሌሎች በርካታ የፕሮግራም ቴክኒኮች አሉ።

ለዋናው የካስካዲንግ የቅጥ ሉህ መስፈርት አሁን ከ 15 ዓመት በላይ ሆኗል። ሲ.ኤስ.ኤስ በድር ልማት ውስጥ አስፈላጊ ዝግመተ ለውጥ ነበር ምክንያቱም ይዘቱን ከዲዛይን ስለለየ ፡፡ ይህንን ብሎግ እና ሌላ ማንኛውንም ይመልከቱ እና የቅጥ ልዩነት አብዛኛው በቀላሉ በተያያዘው የቅጥ ሉህ ውስጥ ነው። የቅጥ ወረቀቶች እንዲሁ አስፈላጊ ናቸው ምክንያቱም በአሳሽዎ ውስጥ ባለው መሸጎጫ ውስጥ በአካባቢው ይከማቻሉ ፡፡ በዚህ ምክንያት ሰዎች ጣቢያዎን መጎብኘታቸውን ከቀጠሉ በእያንዳንዱ ጊዜ የቅጥ ሉህ አያወርዱም the የገጹን ይዘት ብቻ ፡፡

ብዙውን ጊዜ በጥቅም ላይ ያልዋለ የ CSS አንድ አካል ናቸው የሲ.ኤስ.ኤስ. እስፕሪቶች. አንድ ተጠቃሚ ድር ጣቢያዎን ሲጎበኝ በቀላሉ ለገጹ አንድ ጥያቄ እያቀረቡ አለመሆኑን ላይገነዘቡ ይችላሉ ፡፡ እነሱ ብዙ ጥያቄዎችን ያቅርቡ… ለገጹ ጥያቄ ፣ ለማንኛውም የቅጥ ሉሆች ፣ ለማንኛውም ለተያያዙ የጃቫስክሪፕት ፋይሎች ፣ እና ከዚያ ለእያንዳንዱ ምስል ፡፡ ለድንበሮች ፣ ለአሰሳ አሞሌዎች ፣ ለጀርባ ፣ ለአዝራሮች ፣ ወዘተ ያሉ ተከታታይ ምስሎች ያሉት ገጽታ ካለዎት አሳሹ እያንዳንዱን ከድር አገልጋይዎ አንድ በአንድ መጠየቅ አለበት ፡፡ ያንን በሺዎች በሚቆጠሩ ጎብ visitorsዎች ያባዙ እና ያ በአስር ሺዎች የሚቆጠሩ ለአገልጋይዎ የቀረቡ ጥያቄዎች ሊሆኑ ይችላሉ!

ይህ ደግሞ ጣቢያዎን ያዘገየዋል። ሀ ቀርፋፋ ጣቢያ ተሳትፎ እና ልወጣዎች ላይ አስገራሚ ተጽዕኖ ሊኖረው ይችላል ታዳሚዎችዎ የሚያደርጉት ታላላቅ የድር ገንቢዎች የሚጠቀሙበት ስትራቴጂ ሁሉንም ምስሎች ወደ አንድ ፋይል file ውስጥ ማስገባት ነው ፊደል. ለእያንዳንዱ የፋይል ምስሎችዎ ጥያቄ ከመጠየቅ ይልቅ አሁን ለአንድ ነጠላ የስፕሪንግ ምስል አንድ ጥያቄ ብቻ ያስፈልጋል!

ስለዚህ ማንበብ ይችላሉ በሲ.ኤስ.ኤስ.-ትሪልስ እንዴት እንደሚሠሩ or መጽሔት የሲ.ኤስ.ኤስ ስፕሬትን ማቃለል ልጥፍ የእኔ ነጥብ የልማት ቡድንዎ ጣቢያው ውስጥ እንዲካተቱ ለማድረግ እንዲመክርዎ ብቻ እነሱን እንዴት እንደሚጠቀሙ ለማሳየት አይደለም ፡፡ የ CSS ብልሃቶች የሚሰጠው ምሳሌ 10 ጥያቄዎችን እና እስከ 10 ኪባ የሚደመሩ 20.5 ምስሎችን ያሳያል ፡፡ በአንድ ነጠላ ስፕሬተር ውስጥ ሲሰበሰብ 1 ጥያቄ 13 ኪባ ነው! የ 9 ምስሎች የዙሪያ ጉዞ ጥያቄ እና የምላሽ ጊዜ አሁን የጠፋ ሲሆን የመረጃው መጠን ከ 30% በላይ ቀንሷል ፡፡ ያንን በጣቢያዎ ላይ ባሉ ጎብ visitorsዎች ብዛት ያባዙት እና የተወሰኑ ሀብቶችን በእውነቱ ሊያላጩ ነው!

globalnavፓም የአሰሳ አሞሌ በጣም ጥሩ ምሳሌ ነው። እያንዳንዱ አዝራር ጥቂት ግዛቶች አሉት the በገጹ ላይም ሆኑ ፣ ከገጹ ውጭ ይሁኑ ወይም በአዝራሩ ላይ የሚሳለቁ ፡፡ ሲ.ኤስ.ኤስ የአዝራሩን መጋጠሚያዎች ይገልፃል እና ለትክክለኛው ሁኔታ ክልሉን ለተጠቃሚዎች አሳሽ ያቀርባል ፡፡ እነዚህ ሁሉ ግዛቶች በአንድ ግራፊክ በአንድ ላይ ተደምስሰዋል - ግን በቅጡ ሉህ ውስጥ በተገለጸው መሠረት በየክልሉ ይታያል።

የእርስዎ ገንቢዎች መሣሪያዎችን የሚወዱ ከሆነ ፣ እነሱን ጨምሮ ሊረዳቸው የሚችል ቶን እዚያ አሉ ኮምፓስ CSS ማዕቀፍ, ጥያቄን መቀነስ ለ ASP.NET ፣ ሲ.ኤስ.ኤስ-ስፕሬተር ለሩቢ CSSSprite ስክሪፕት ለፎቶሾፕ ፣ ስፕሪፓድ, SpriteRight, ስፕራይኮር, ዜሮ እስፕሪቶች, የፕሮጀክት ፎንዱ ሲ.ኤስ.ኤስ ስፕሬተር ጀነሬተር, Sprite ማስተር ድር, እና ስፕራይሜ ዕልባት

የቅፅበታዊ ገጽ እይታ Sprite ማስተር ድር:
spritemaster ድር

Martech Zone በአጠቃላይ ጭብጡ ላይ የጀርባ ምስሎችን አይጠቀምም ፣ ስለሆነም በዚህ ጊዜ ይህንን ዘዴ ማሰማራት የለብንም ፡፡

2 አስተያየቶች

  1. 1

    ቆይ… አጠቃላይ ስብስቡ “ምስል” (ወይም “አውሮፕላን”) ፣ እና እያንዳንዱ ንዑስ-ምስል (ወይም በአኒሜሽን ወይም በይነተገናኝ በሚለውጡበት ሁኔታ ምስሎች ንዑስ ቡድን) “ስፕሬተር” አይደሉም?

    ምናልባት ነገሮች ለመጨረሻ ጊዜ ይህን ዓይነት ነገር ካስተናገድኩበት ጊዜ ጀምሮ እንደገና ተሰይመው ሊሆን ይችላል ፣ ግን እስፕራይቱ መታየቱ የተጠናቀቀው ንጥረ ነገር ነው ብዬ እምላለሁ ፣ የተጎተተው ትልቁ የመረጃ ሰንጠረዥ አይደለም ፡፡

    (“Sprite table”… ያ አልነበረም?)

    • 2

      ምናልባት ሁለት የተለያዩ ነገሮችን እየተነጋገርን ሊሆን ይችላል ፣ ማርቆስ ፡፡ በሲ.ኤስ.ኤስ (CSS) አማካኝነት መጋጠሚያዎችን በመጠቀም የትኛውን የምስል ፋይል 'ክፍል' እንደሚገልፁ ማወቅ ይችላሉ ፡፡ ይህ ሁሉንም ምስሎችዎን ወደ አንድ ነጠላ ‹እስፕሪፕ› ለማስቀመጥ እና ከዚያ ከሲ.ኤስ.ኤስ.ኤስ ጋር ሊያሳዩት የሚፈልጉትን ቦታ ብቻ ይጠቁሙ ፡፡

ምን አሰብክ?

ይህ ጣቢያ አይፈለጌን ለመቀነስ Akismet ይጠቀማል. አስተያየትዎ እንዴት እንደሚሰራ ይወቁ.