මේ දිනවල වෙබ් අඩවි වහාම ඔවුන්ගේ පෙළ ප්‍රදර්ශනය නොකරන්නේ ඇයි?


444

මෑතකදී බොහෝ වෙබ් අඩවි ඒවායේ පෙළ ප්‍රදර්ශනය කිරීමට ප්‍රමාද වන බව මම දුටුවෙමි. සාමාන්‍යයෙන්, පසුබිම, රූප සහ යනාදිය පටවනු ඇත, නමුත් පෙළ නොමැත. ටික වේලාවකට පසු පා here ය මෙහි සහ එහි දර්ශනය වීමට පටන් ගනී (සෑම විටම එකම වේලාවක නොවේ).

එය මූලික වශයෙන් පෙර පරිදි ප්‍රතිවිරුද්ධව ක්‍රියා කරයි, පා first ය පළමුව දර්ශනය වූ විට, පසුව රූප සහ ඉතිරිය පැටවීම. මෙම ගැටළුව නිර්මාණය කරන නව තාක්ෂණය කුමක්ද? කිසියම් අදහසක් තිබේද?

මම මන්දගාමී සම්බන්ධතාවයක සිටින බව සලකන්න, එය බොහෝ විට ගැටලුව උග්‍ර කරයි.

උදාහරණයක් සඳහා පහත බලන්න - සියල්ල පටවා ඇති නමුත් පෙළ අවසානයේ දර්ශනය වීමට තවත් තත්පර කිහිපයක් ගත වේ:

රූප විස්තරය මෙහි ඇතුළත් කරන්න


72
මෙම විශේෂ අවස්ථාවෙහිදී, PortableApps.com "උබුන්ටු" අකුරු භාවිතා කරයි. ජෝන් මුලින්ම OpenSans උත්සාහ කළ නමුත් අපි තරමක් ඉක්මනින් උබුන්ටු වෙත මාරු වීමු. මාරුවීමේ ප්‍රධාන යෝජකයා මමයි ... ඔබට ගැටලුව ඉවත් කළ හැකි එක් ක්‍රමයක් වන්නේ අකුරු පවුල ඔබම ස්ථාපනය කර ගැනීමයි. ඔබ එය font.ubuntu.com වෙතින් ස්ථාපනය කළහොත් එය වහාම ක්‍රියාත්මක වේ.
ක්‍රිස් මෝගන්

21
ඩැනියෙල්ගේ පිළිතුර ඇස් ඇරීමයි. මම හිතුවේ මෙය හිතාමතාම සිදු කර ඇති නිසා අපට පිටුවේ ඇති සියලුම දැන්වීම් නැරඹිය හැකි බවයි.
මනෝජ් ආර්

1
කිහිප දෙනෙකු මෙහි පෙන්වා දී ඇති පරිදි, පෙළ අනපේක්ෂිත ආකාරයකින් ඉදිරිපත් කිරීමට අසීමිත හේතු ඇත, මන්ද පිටුවක් විදැහුම් කිරීම සංවර්ධකයාගේ / නිර්මාණකරුගේ පරිකල්පනයෙන් පමණක් සීමා වී ඇති අතර, අවම වශයෙන් ANSI ස්ථාන කේත 1980 දශකයේ බුලටින් සඳහා ඉඩ දී ඇති හෙයින් එය එසේ විය. බිංදු සෙවනැලි සහිත කවුළු අතිච්ඡාදනය වන බහුකාර්ය කතාබස් සහ යූඅයි ක්‍රියාත්මක කිරීමට පුවරු. ඇප්ලෙට් නොමැතිව බ්‍රව්සරයක මෙම බලපෑම් සමහරක් ප්‍රතිනිෂ්පාදනය කළ පළමු තැනැත්තා මීබෝ ය. “එය භාවිතා කළ ආකාරයටම ප්‍රතිවිරුද්ධව ක්‍රියා කරයි” අන්තර්ජාලය අති විශාල ලෙස සරල කරන අතර නිශ්චිත කාල සීමාවක් ගැනවත් සඳහන් නොකරයි.
පී.ජේ බ un නෙට්

6
අඩු ඇලෙක්සා ශ්‍රේණියක් ඇති වෙබ් අඩවියකින් එක් අහඹු තිර තොප්පියක් මත පදනම්ව අන්තර්ජාලය පිළිබඳ පුළුල් සාමාන්‍යකරණයන් කරන්නේ ඇයි? හොඳම පිළිතුර ද එඩිතර ප්‍රකාශයක් කරයි: “වර්තමානයේ නිර්මාණකරුවන් කරන්නේ XYZ”, “වෙබ් අඩවි වලින් 5% ක් 2012 වන විට ගූගල් වෙබ් අකුරු භාවිතා කරයි” හෝ එය කුමක් වුවත් සැබෑ සංඛ්‍යා සමඟ උපස්ථ කළ යුතුය.
පී.ජේ බ un නෙට්

1
නමුත් අකුරු ලිපිගොනු හැඹිලියේ තබා ඇත, මෙම වෙබ් අඩවිය m.aspx පැටවීම සඳහා බොහෝ කාලයක් බලා සිට ඇත, ඔවුන් එම කොටස පරීක්ෂා කළ හැකිය
user613326

Answers:


482

එක් හේතුවක් නම් වර්තමානයේ වෙබ් නිර්මාණකරුවන් වෙබ් අකුරු භාවිතා කිරීමට කැමති වීමයි (සාමාන්‍යයෙන් WOFF ආකෘතියෙන්), උදා: ගූගල් වෙබ් අකුරු හරහා .

මීට පෙර, වෙබ් අඩවියක ප්‍රදර්ශනය කළ හැකි එකම අකුරු පරිශීලකයා දේශීයව ස්ථාපනය කර ඇත. උදා: මැක් සහ වින්ඩෝස් භාවිතා කරන්නන්ට එකම අකුරු නොතිබිය යුතු බැවින්, නිර්මාණකරුවන් සහජයෙන්ම සෑම විටම රීති අර්ථ දක්වයි

font-family: Arial, Helvetica, sans-serif;

එහිදී, පද්ධතියේ පළමු අකුරු සොයාගත නොහැකි නම්, බ්‍රව්සරය දෙවැන්න සොයනු ඇති අතර අවසාන වශයෙන් වැටීම "සැන්ස්-සේරිෆ්" අකුරු වේ.

දැන්, කෙනෙකුට අකුරු URL එකක් CSS රීතියක් ලෙස ලබා දිය හැකි අතර බ්‍රව්සරය අකුරු බාගත කර ගත හැකිය.

@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,700);

ඉන්පසු විශේෂිත මූලද්‍රව්‍යයක් සඳහා අකුරු උදා:

font-family: 'Droid Serif',sans-serif;

අභිරුචි අකුරු භාවිතා කිරීමට මෙය ඉතා ජනප්‍රිය ය, නමුත් එය බ්රවුසරය මගින් සම්පත් පටවන තුරු කිසිදු පෙළක් නොපෙන්වන ගැටළුවට තුඩු දෙයි, එයට බාගත කිරීමේ වේලාව, අකුරු පැටවීමේ වේලාව සහ විදැහුම් කාලය ඇතුළත් වේ. ඔබ අත්විඳින පුරාවස්තුව මෙය යැයි මම බලාපොරොත්තු වෙමි.

නිදසුනක් ලෙස: මගේ ජාතික පුවත්පතක් වන ඩේජන්ස් නයිහෙටර් , ඔවුන්ගේ සිරස්තල සඳහා වෙබ් අකුරු භාවිතා කරයි, නමුත් ඒවායේ ඊයම් නොවේ, එබැවින් එම වෙබ් අඩවිය පටවන විට මම සාමාන්‍යයෙන් ඊයම් දකින අතර තත්පර භාගයකට පසුව ඉහත හිස් අවකාශයන් සියල්ලම ජනාකීර්ණ වේ ශීර්ෂ පා with සමඟ (මෙය ක්‍රෝම් සහ ඔපෙරා වල අවම වශයෙන් සත්‍ය වේ. අනෙක් අය උත්සාහ කර නැත).

(එසේම, නිර්මාණකරුවන් මේ දිනවල සෑම තැනකම ජාවාස්ක්‍රිප්ට් ඉසිය යුතු ය, එබැවින් සමහර විට යමෙකු පෙළ සමඟ දක්ෂ යමක් කිරීමට උත්සාහ කරයි, ඒ නිසා එය ප්‍රමාද වේ. එය වෙබ් අඩවි විශේෂිත වනු ඇත, නමුත්: පෙළ ප්‍රමාද වීමේ සාමාන්‍ය ප්‍රවණතාව මේවාය වේලාවන් යනු ඉහත විස්තර කර ඇති වෙබ් අකුරු නිකුතුවයි, මම විශ්වාස කරමි.)


ඊට අමතරව

මම වැඩි විස්තරයකට නොගියත්, සමහර විට මේ නිසා විය හැකි වුවත්, මෙම පිළිතුර ඉතා ඉහළ මට්ටමක පැවතුනි . ප්‍රශ්න පොතේ බොහෝ අදහස් ඇත, එබැවින් මම ටිකක් පුළුල් කිරීමට උත්සාහ කරමි (මාතෘකාව ආරක්ෂා වී ටික වේලාවකට පසුව බොහෝ අදහස් අතුරුදහන් වී ඇති බව පෙනේ - සමහර උපපරිපාලක වරු ඒවා අතින් පිරිසිදු කර ඇත). එසේම, මෙම ත්‍රෙඩ් එකේ ඇති අනෙක් පිළිතුරු සියල්ලම ඔවුන්ගේම ආකාරවලින් පුළුල් වන විට කියවන්න.

මෙම සංසිද්ධිය සාමාන්‍යයෙන් "අස්ථිර අන්තර්ගතයේ ෆ්ලෑෂ්" ලෙසද, විශේෂයෙන් "අස්ථිර පා text යේ ෆ්ලෑෂ්" ලෙසද හැඳින්වේ. "FOUC" සහ "FOUT" සඳහා සෙවීම වැඩි තොරතුරු ලබා දෙයි.

වෙබ් අකුරු සම්බන්ධව FOUT හි වෙබ් නිර්මාණකරු පෝල් අයිරිෂ්ගේ සටහන මට නිර්දේශ කළ හැකිය .

කෙනෙකුට සටහන් කළ හැකි දෙය නම් විවිධ බ්‍රව්සර් මෙය වෙනස් ආකාරයකින් හැසිරවීමයි. ඔපෙරා සහ ක්‍රෝම් යන දෙකම එක හා සමාන ලෙස හැසිරුණු බව මා ඉහත ලියා ඇත. සියලු WebKit පිරිසැලසුම් පදනම් අය (Chrome, Safari, ආදිය) විසින් FOUT වළක්වා ගැනීමට තෝරා නැත වෙබ් අකුරු පැටවීම කාලය තුළ ෆෝල්බැක් අකුරු සහිත වෙබ් අකුරු පෙළ ඉටු. වෙබ් අකුරු හැඹිලිගත කළද, විදැහුම්කරණ ප්‍රමාදයක් සිදුවනු ඇත . මෙම ප්‍රශ්න පොතේ වෙනත් ආකාරයකින් අදහස් දැක්වීම් රාශියක් ඇති අතර හැඹිලි අකුරු මේ ආකාරයට හැසිරෙන බව වැරදිය. නමුත් උදා: ඉහත සබැඳියෙන්:

කුමන අවස්ථා වලදී ඔබට FOUT එකක් ලැබෙනු ඇත

  • කැමැත්ත: දුරස්ථ ttf / otf / woff බාගත කිරීම සහ ප්‍රදර්ශනය කිරීම
  • කැමැත්ත: හැඹිලි ttf / otf / woff පෙන්වීම
  • කැමැත්ත: දත්ත බාගත කිරීම සහ ප්‍රදර්ශනය කිරීම- uri ttf / otf / woff
  • කැමැත්ත: හැඹිලි දත්ත ප්‍රදර්ශනය කිරීම- uri ttf / otf / woff
  • එසේ නොවනු ඇත: ඔබේ සාම්ප්‍රදායික අකුරු තොගයේ දැනටමත් ස්ථාපනය කර ඇති සහ නම් කර ඇති අකුරු පෙන්වීම
  • නොවනු ඇත: දේශීය () ස්ථානය භාවිතා කර ස්ථාපනය කර නම් කර ඇති අකුරු පෙන්වීම

විදැහුම්කරණයට පෙර FOUT අවදානම නැති වන තුරු Chrome බලා සිටින බැවින් මෙය ප්‍රමාදයක් ලබා දෙයි. කුමන දුරට බලපෑම (විශේෂයෙන්ම හැඹිලි සිට පැටවීම) දෘශ්යමාන වේ ඉටු කළ යුතු බව පෙළ, එම මුදල හා සමහර විට වෙනත් සාධක වෙනත් දේ අතර මත රඳා බව පෙනේ, නමුත් කල ගබඩා සම්පූර්ණයෙන්ම ක්රියාත්මක ඉවත් කරන්නේ නැත.

පෝස්ට් පතුලේ 2011-04–14 වන විට අයර්ලන්තයට බ්‍රව්සර් හැසිරීම පිළිබඳ යාවත්කාලීන කිරීම් කිහිපයක් ඇත:

  • ෆයර්ෆොක්ස් (FFb11 සහ FF4 Final අනුව) තවදුරටත් FOUT නැත! වෝහූ! http://bugzil.la/499292 මූලික වශයෙන් පෙළ තත්පර 3 ක් නොපෙනෙන අතර පසුව එය නැවත අකුරු අකුරු ගෙන එයි. වෙබ් ෆොන්ටය එම තත්පර තුන ඇතුළත පටවනු ඇත.
  • IE9 WOFF සහ TTF සහ OTF සඳහා සහය දක්වයි (එයට කාවැද්දීමේ බිට් සෙට් දෙයක් අවශ්‍ය වුවද - ඔබ WOFF භාවිතා කරන්නේ නම් බොහෝ දුරට වැදගත් වේ). කෙසේවෙතත්!!! IE9 සතුව FOUT ඇත. :(
  • වෙබ්කිට් සතුව තත්පර 0.5 කට පසු පසුබැසීමේ පෙළ පෙන්වීමට ගොඩ බැසීමට බලා සිටී . එෆ්එෆ් මෙන් එකම හැසිරීම නමුත් 3s වෙනුවට 0.5s.
  • එකතු කිරීම : බ්ලින්ක් සඳහා ද මේ සඳහා දෝෂයක් ලියාපදිංචි වී ඇත , නමුත් එය කුමක් කළ යුතුද යන්න පිළිබඳව අවසාන එකඟතාවකට පැමිණ නැති බව පෙනේ - දැනට වෙබ්කිට් මෙන් ක්‍රියාත්මක කිරීම.

මෙය නිර්මාණකරුවන් ඉලක්ක කරගත් ප්‍රශ්නයක් නම්, යමෙකුට මෙවැනි ආකාරයේ ගැටළු මඟහරවා ගත හැකි webfontloaderනමුත් එය තවත් ප්‍රශ්නයක් වනු ඇත. පෝල් අයිරිෂ් සබැඳිය මේ කාරණය පිළිබඳ වැඩිදුර විස්තර කරයි.


7
කිසියම් බ්‍රව්සරයක් ලබා ගත හැකි අකුරු වර්ගයකින් පා text ය පළමුවෙන් විදැහුම් කිරීමට උත්සාහ කර තිබේද?
ස්ටීව් බෙනට්

4
ඔහ්, ඩූ, ඊළඟ පිළිතුර ගැන අදහස් දක්වන්න
ස්ටීව් බෙනට්

5
chratchetfreak අකුරු වල එකම ප්‍රමිතික නොතිබිය හැකි බැවින් පිටු ප්‍රතිසංස්කරණය කිරීම වි on ටනය වනු ඇත
සැමුවෙල් එඩ්වින් වෝඩ්

6
සමහරු අකුරු පැටවීම සඳහා වයස බලා සිටීම වෙනුවට වෙබ් පිටුවක් පිරික්සීමේ කියවීමේ කොටස වෙත යාමට කැමැත්තක් දක්වති
ratchet freak

ඉන්ටර්නෙට් එක්ස්ප්ලෝරර් 10 කරන්නේ හරියටම බව මට විශ්වාසයි. පසුකාලීනව පෙළ උත්පාදනය වීම මා දැක නැත. මට නම් එය සෑම විටම යම් “සම්මත අකුරු” වලින් දිස්වන අතර තත්පර කිහිපයකට පසුව එය මෝස්තරයට / බාගත කළ ඒවාට වෙනස් වේ. එය ඊළඟ CSS එකක් තෝරා ගන්නේද නැතහොත් පද්ධතියේ පෙරනිමිය පමණක් දැයි මට විශ්වාස නැත. සංස්කරණය කරන්න: ආහ්, හොඳයි, එබැවින් එය සැඟවුණු පෙළ සමඟ වෙබ්කිට් පමණක්ද? මම ඒ කරදරකාරී හා නරක හැසිරීම සලකා බලමි. ප්‍රගතිශීලී රූප පැටවීම නොසලකා හරින / සඟවන බ්‍රව්සරයක් තිබේද?
මාරියෝ

117

එයට හේතුව ඔබට තවමත් කියවිය නොහැකි පා web ය වෙබ් ෆොන්ට් එකකින් විදහා දැක්වීමයි , එය තවමත් ඔබගේ බ්‍රව්සරයට නල මාර්ගයෙන් බැස යමින් පවතී.

එසේම, ඔබගේ බ්‍රව්සරය ගූගල් ක්‍රෝම් වන අතර එය පිටුව විදැහුම්කරණය කිරීම සඳහා වෙබ්කිට් භාවිතා කරයි, ඔවුන් තීරණය කළේ (වෙබ්කිට් එනම්) වෙබ් අකුරු බාගත කරන තෙක් කිසිදු පෙළක් නොපෙන්වීම ඔබට වඩාත් සුදුසු බවය. කෙසේ වෙතත්, ඔබ ඒ වෙනුවට සුදුසු වැටෙන පද්ධති අකුරු වලින් පෙළ කියවීමට කැමති සංවර්ධකයෙක් නම්, ඔබට මෙය සාක්ෂාත් කර ගැනීම සඳහා ගූගල්හි වෙබ් ෆොන්ට් ලෝඩරය වැනි දෙයක් භාවිතා කළ හැකිය .


කනගාටුවට කරුණක් නම් එය වැරදි පිළිතුරකි, ඔබ වරක් මෙම පිටුවට පිවිසෙන්නේ නම්, අකුරු ගොනුව ඔබේ වෙබ් මුදල් තුළ රැඳෙනු ඇත; මෙම වෙබ් අඩවියේ වෙනත් පිටු සඳහා හෝ මෙම අකුරු භාවිතා කරන වෙනත් වෙබ් අඩවි සඳහා එය මුදල් වලින් ලබා ගනී.
user613326

19

කෙටි පිළිතුර: AJAX හෝ WOFF

වෙබ් අඩවි "ඒවායේ පෙළ ප්‍රදර්ශනය කිරීමට ප්‍රමාද වීම " සඳහා හේතු කිහිපයක් තිබේ . Portableapps.com හි මන්දගාමී වීමට හේතුව WOFF අකුරු බාගත කිරීමයි. කෙසේ වෙතත්, ඔබ ලෙස විස්තර "අකුරු මෙහි පෙනී ආරම්භ වන හා එහි" බොහෝ විට හේතු වන්නේ සියල්ලන්ටම AJAX .

වෙබ් අඩවියක් බොහෝ කොටස් වලින් සෑදී ඇත. මෙම කොටස් බාගත කර එකලස් කරන්නේ කෙසේද යන්න වෙබ් නිර්මාණකරුගේ පාලනය යටතේ ඇති නිර්මාණ තේරීමකි . මන්දගාමී වීමට හේතු වන්නේ සංවර්ධකයා පහත සඳහන් ගොඩනැඟිලි කොටස් එකලස් කිරීමට තෝරා ගන්නා ආකාරයයි:

  • ආරම්භක HTML පිටුව
  • CSS
  • ජේ
  • රූප
  • WOFF අකුරු
  • AJAX ඉල්ලීම්
  • DOM හැසිරවීම

සාම්ප්‍රදායික වෙබ් අඩවි:

සාම්ප්‍රදායිකව, සංවර්ධකයින් විසින් පෙළ අන්තර්ගතය ආරම්භක HTML පිටුවට ඇතුළත් කර එය ලබා ගත හැකි ඉක්මනින් ප්‍රදර්ශනය කිරීම සාමාන්‍ය දෙයක් විය . HTML මඟින් බාගත කළ හැකි සම්පත් කිහිපයක් සඳහන් කරයි. ඉන්පසු බ්‍රව්සරය ක්‍රමයෙන් තිරය නැවත ඇඳීම මඟින් මෝස්තර සහ රූප ලබා ගත හැකි විය. AJAX සහ WOFF ලබා ගත නොහැකි විය.


WOFF වෙබ් අඩවි:

වෙබ් අඩවිය සමඟ අකුරු බාගත කිරීමෙන් බ්‍රව්සරයට සාමාන්‍යයෙන් ලබාගත නොහැකි අකුරු භාවිතා කිරීමට WOFF අකුරු වෙබ් අඩවියකට ඉඩ දෙයි . සියලුම WOFF අකුරු බාගත කරන තුරු පෙළ අන්තර්ගතය ප්‍රදර්ශනය නොකරන ලෙස සමහර සංවර්ධකයින් බ්‍රව්සරයට උපදෙස් දෙයි. මගේ අත්දැකීම් අනුව, මෙම ප්‍රවේශය තවමත් පුළුල් භාවිතයක් ලබා ගෙන නොමැත.


අජැක්ස් වෙබ් අඩවි:

සමහර සංවර්ධකයින් ආරම්භක HTML පිටුවට පෙළ අන්තර්ගතය ඇතුළත් නොකිරීමට තීරණය කරයි. ඒ වෙනුවට, ඔවුන් AJAX භාවිතයෙන් පෙළ අන්තර්ගතය බාගත කිරීමට තෝරා ගනී. මෙය සිදු වන්නේ මූලික පිටුව පූරණය කිරීමෙන් පසුවය . මගේ අත්දැකීම් අනුව, මෙම ක්‍රමය WOFF අකුරු වලට වඩා පුළුල් ලෙස සම්මත කර ගෙන ඇති අතර බොහෝ විට ඔබ විස්තර කරන මන්දගාමීත්වයට හේතුව එයයි.


හේතුව තීරණය කිරීම

විශේෂිත වෙබ් අඩවියකට හේතුව තීරණය කිරීම සඳහා ෆයර්බග් හෝ ක්‍රෝම් සංවර්ධක මෙවලම් වැනි මෙවලම් භාවිතා කරමින් විශ්ලේෂණය අවශ්‍ය වේ . නැතහොත් විකල්පයක් ලෙස, ඔබට අන්තර්ජාල එක්ස්ප්ලෝරර් 8 භාවිතා කර වෙබ් අඩවිය විවෘත කළ හැකිය , එය AJAX සඳහා සහය දක්වන නමුත් WOFF නොවේ. වෙබ් අඩවිය තවමත් මන්දගාමී නම්, ගැටළුව වන්නේ AJAX මිස WOFF නොවේ.


14

මම බොහෝ විට එය "අස්ථිර අන්තර්ගතයේ සැණෙළිය" වළක්වා ගැනීම හිතාමතා තෝරා ගැනීමක් විය හැකිය. CSS පූරණය වීමට පෙර දර්ශනය වූ පා text ය, එය අමු ලෙස පෙනෙන ආකාරයට ඔබ එය කෙටියෙන් දකිනු ඇත, ඉන්පසු බ්‍රව්සරය ෆ්ලෑෂ් එකක් නැවත ඇඳීම. තථ්‍ය මෝස්තර පත්‍රිකාවේ අභිබවා ගොස් ඇති අන්තර්ගතය මුලින් සැඟවීමට මූලික පේළිගත මෝස්තර කිහිපයක් යෙදීමෙන් හෝ ජේඑස් භාවිතා කිරීමෙන් සංවර්ධකයින් මෙම සැණෙළිය මග හැරේ.


6
දහයෙන් නවයක්ම එය හිතාමතාම සිදු නොවනු ඇත, එය සරලවම වෙබ් අකුරු කාවැද්දීමෙහි අතුරු ආබාධයකි. ඇත්ත වශයෙන්ම, වෙබ් අකුරු පයිප්පයෙන් පහළට එන අතරතුර දෘශ්‍ය විකල්පයක් ඉදිරිපත් කිරීමට ටිකක් අමතර උත්සාහයක් අවශ්‍ය වේ. බලන්න developers.google.com/webfonts/docs/webfont_loader
මාසෙල්

Ar මාර්සල් - මෙය මන්දගාමී මෝස්තර පත්‍ර සහ මන්දගාමී අකුරු නිසා විය හැක, phpied.com/css-and-the-critical-path
r3m0t

“ප්‍රයෝජනවත් අන්තර්ගතයන් සැණෙළිය” වැළැක්වීම සඳහා වන කේතය, රූප මෙන්ම පෙළ ද දර්ශනය වීම වළක්වයි.
ජෝන් හැනා

අස්ථායී පා text ය කිසිඳු පෙළකට වඩා නරක වන්නේ මන්දැයි තේරුම් ගැනීමට මම වෙහෙසෙමි. පිළිගැනීමක් කියවීම ආරම්භ කිරීමට මට හැකි වනු ඇත. එය හදිසියේ කොතැනකවත් නොපෙන්වන විට එය වඩාත් ජරා බවක් මට පෙනේ. පිටුවක් පටවා ඇති විට එය ඉතා කලකිරීමට පත්වන අතර ඔබට අකුරු සඳහා බලා සිටීමට සිදු වේ.
රික්

8

අනෙක් අය සඳහන් කර ඇති පරිදි, අභිරුචි අකුරු ප්‍රමාදයට දායක වේ.

තව ටිකක් පසුබිමක් ලබා දීම සඳහා, පිටු අන්තර්ගතය තිරයට ලබා දීමට පෙර බ්‍රව්සරය දළ වශයෙන් පහත සඳහන් දේ කරයි:

  1. HTML ලබා ගන්න (DNS, TCP, ඉල්ලීම / ප්‍රතිචාර සඳහා වට කිහිපයක්)
  2. HTML විග්‍රහ කිරීමට පටන් ගන්න, බාහිර CSS සහ JS වැනි බාහිර සම්පත් සොයා ගන්න. CSS පිරිසැලසුම අවහිර කරන අතර JS විග්‍රහ කිරීම අවහිර කරන බව සලකන්න. එබැවින් ලේඛනයේ මුලින් පටවන ලද CSS සහ JS වැනි බාහිර සම්පත් (උදා: හිසෙහි) පිටුවක් තිරය මත අන්තර්ගතය පෙන්වීමට ගතවන කාලය මන්දගාමී කරයි.
  3. බාහිර CSS සහ JS ලබා ගන්න (වට සංචාර කිහිපයක්: මෙම සම්පත් CDN වැනි වෙනස් වසමක තිබේ නම් DNS සහ TCP මෙන්ම ඉල්ලීම / ප්‍රතිචාරය සඳහා RTT ද)
  4. බාහිර CSS සහ JS පැටවීම අවසන් වූ පසු, JS විග්‍රහ කිරීම / ක්‍රියාත්මක කිරීම, විග්‍රහ කිරීම / මෝස්තර කිරීම
  5. CSS අභිරුචි අකුරු ගැන සඳහන් කරන්නේ නම්, එම අකුරු දැන් බාගත කළ යුතු අතර, එහි ප්‍රති ing ලයක් ලෙස අභිරුචි අකුරු මත රඳා පවතින පිටුවේ ඕනෑම කොටසක් ඉදිරිපත් කිරීමට අමතර වට සංචාර ප්‍රමාද වේ.

එය අභිරුචි අකුරු නිසා සිදුවන ප්‍රමාදයන් ගැන නොවුනත්, මම මෑතකදී බ්ලොග් සටහනක් ලිවුවෙමි, එය ප්‍රමාද වීමට හේතු පිළිබඳ අමතර තොරතුරු සපයයි. ඔබේ පිටු සඳහා පළමුව තීන්ත ආලේප කිරීමට ගතවන කාලය අවම කිරීම සඳහා එය යෝජනා කිහිපයක් ලබා දෙයි. අභිරුචි අකුරු භාවිතා කිරීමට අවශ්‍ය පිටු ඇතුළුව ඔවුන්ගේ පිටු වේගයෙන් අන්තර්ගතය ප්‍රදර්ශනය කිරීමට උනන්දුවක් දක්වන පා readers කයන්ට මෙය ප්‍රයෝජනවත් වේ යැයි බලාපොරොත්තු වෙමු: http://calendar.perfplanet.com/2012/make-your-mobile-pages-render-in-under -අන-තත්පර /


4

කෙටි පිළිතුර: සංවර්ධකයින්.

බාහිර ලියකියවිලි (.css හෝ .js ගොනු වැනි) යොමු කරන සම්බන්ධක සහ ස්ක්‍රිප්ට් ටැග් ලේඛනයේ හිසෙහි තැන්පත් කර ඇති විට (ශරීරයට වඩා ප්‍රවාහයේ ඉහළ සහ එහි මූලද්‍රව්‍ය), ඒවා පළමුව පටවනු ලැබේ. ජාවාස්ක්‍රිප්ට් එය සඳහන් කරන සලකුණු වලින් ක්‍රියාත්මක වේ; සැකසීමට විශාල කේතයක් තිබේ නම්, හෝ එය කරදරකාරී කේතයක් නම්, හෝ වඩාත් සාමාන්‍යයෙන් ඔබ දැකීමට බලාපොරොත්තු වන පා a ය සේවාදායකයක් මත විදහා දක්වමින් සහ පටවන ලද ලේඛනයට පුරවා තිබේ නම් - සහ සේවාදායක පාර්ශවීය කේතය ද කරදරකාරී වේ, සමගාමී ඉල්ලීම් කිහිපයක් සැකසීම හේතුවෙන් විශාල හෝ I / O අවහිර කිරීම, HTML වලට ඉදිරිපත් කිරීමට පවා අවස්ථාවක් ලැබීමට පෙර අක්‍රීය බව ඔබට නිසැකවම පෙනෙනු ඇත. සමහර සංවර්ධකයින් සලකුණු සහ මෝස්තර වලින් පසු (ශරීරයේ අවසානයේ) දර්ශන නොවන ජාවාස්ක්‍රිප්ට් පැටවීමට තෝරා ගනී,

දත්ත මන්දගාමීව බාගත කිරීමේදී අන්තර්ජාල සම්බන්ධතා වේගය වැදගත් කාර්යභාරයක් ඉටු කරයි, නමුත් දුර්වල ලෙස ලියා ඇති කේතයක් හෝ දුර්වල ලෙස සැලසුම් කර ඇති තාක්‍ෂණික කොටස් (වෙබ් අඩවි වර්ගය සඳහා) වේගවත් ජාල සම්බන්ධතා ලෙස ගතික අන්තර්ගතයන් මන්දගාමීව පැටවීමේදී වැඩි වැඩියෙන් කේන්ද්‍රීය කාර්යභාරයක් ඉටු කරයි. සර්වප්‍රකාරයට ප්‍රවේශ වන්න.


21
නැත - ඔබ විස්තර කරන දෙයට DOM හි මූලද්‍රව්‍ය පෙන්වීම වළක්වා ගත හැකි නමුත් පෙළ පමණක් නොවේ. පිළිතුර වන්නේ අකුරු ප්‍රතිස්ථාපනය කිරීම හා එය නිර්මාණකරුවන්ගේ වරදක් මිස සංවර්ධකයින් නොවේ.
ටෝබි

+1 ob ටෝබි එය සැබවින්ම නිර්මාණකරුවන්ගේ වරද නිසා. ඔබ මන්දගාමී සම්බන්ධතාවයක සිටී නම් (ඔහ් අයි ඩන්නෝ, මගේ ජංගම දුරකථනය හෝ නිවසේ ඇති ලෑන්ඩ්ලයින් වැනි) එය අතිශයින්ම කෝපයට කරුණකි. ඒ වගේ දේවල් වෙබ් අඩවි මන්දගාමී වන අතර කිසිදු ප්‍රතිලාභයක් නොමැතිව පරිශීලකයින් කුපිත කරයි.
මැග්නස්

1
දිගු පිළිතුර: සංවර්ධකයින්, සංවර්ධකයින්, සංවර්ධකයින්, සංවර්ධකයින්.
iono

Ob ටෝබි නිර්මාණකරුවන් විසින් කුමන අකුරු භාවිතා කළ යුතුද යන්න නියම කරයි, ඔව්, නමුත් තාක්ෂණික ක්‍රියාත්මක කිරීමේදී නිවැරදි තේරීම් කිරීම සෑම හොඳ සංවර්ධකයෙකුගේම කාර්යයකි. හොඳ සංවර්ධකයාට එය සිදුවන්නේ ඇයිද යන්න (ඉහත පිළිතුරකින් පැහැදිලි කර ඇත), ගැටළුව වළක්වා ගැනීම සඳහා කළ හැකි තේරීම් (ගූගල් වෙබ්ෆොන්ට් ලෝඩර්) සහ එය අත්දැකීමට බලපාන්නේ කෙසේද යන්න තේරුම් ගනී.
arbales

3

කෙටියෙන් කිවහොත්, පිටුවට පෙර වෙනම HTTP GET වලින් පැටවිය යුතු බොහෝ බර පැටවිය හැකි වස්තූන් සහ අඩවි සෞඛ්‍යයේ මිනුමක් ලෙස සාමාන්‍ය ප්‍රමාදය මත අධික ලෙස රඳා පැවතීම.

පළමුවැන්න පිටුව පටවන සියලුම .css, .js, සහ වෙබ් ෆොන්ටයන් ගැන සඳහන් කරයි, බොහෝ වෙබ් අඩවි වලට JSON වස්තු viea XHR ඉල්ලීම් ලබා ගැනීමට අවශ්‍ය වන අතර පසුව යම් ආකාරයක සැකිලි භාවිතා කරන්නන්ගෙන් HTML උත්පාදනය කළ යුතුය.

නමුත් වෙබ් අඩවිය මන්දගාමී බව ඔවුන් නොදන්නේ ඇයි?

දේවල් වේගවත් කිරීමට (හෝ ගොනු පද්ධති හැඹිලි මත යැපීමට) ඔවුන් කොහේ හෝ තැනක මතක සටහන් ඇති නිසා සහ සාමාන්‍ය ප්‍රමාදය භාවිතා කරමින් ඔවුන්ගේ වෙබ් අඩවියේ සෞඛ්‍යය මැනීම නිසා විය හැකිය. මේ අනුව හැඹිලි වස්තු දර්පණ තත්පර 6 ක් සමඟ ආපසු ලබා දෙන අතර බොහෝ GET ඉල්ලීම් සම්පූර්ණ කිරීමට මිලි තත්පර 5000 ක් ගතවන බව වසං කරයි. සාමාන්‍යය මිය යා යුතුය. පිළිගත හැකි උපරිම සීමාවකට වඩා RTT ගණන් කිරීම දිගු කල් ජීවත් වේවා! එම අංකය 0 විය යුතුය, නැතහොත් අර්ථ දැක්වීම අනුව RTT පිළිගත නොහැකිය.


-1

හොඳයි හේතු කිහිපයක් තිබේ. එක් හේතුවක් නම් බොහෝ විට පසුබිමක් නිර්වචනය කිරීමට හෝ html පිටුවකට ඉහළින් විධාන කිරීම හෝ පළමුව පටවන ලද වෙනම CSS එකකින් ලබා ගැනීමයි. ලේඛනයේ සිරුර පූරණය කිරීමට පෙර පෙළ අඩංගු වේ.

තවත් හේතුවක් නම් බොහෝ අවස්ථාවල රූපයක ප්‍රමාණය ටයිප් කළ හැකි වුවද වෙබ් නිර්මාණකරුවන් එය භාවිතා නොකිරීමයි. ඒ නිසා බ්‍රව්සරයට සම්පූර්ණ පින්තූර මුලින්ම පිටු මත පැටවිය යුතු අතර එමඟින් එය වටා පෙළ එතීමට එය දනී.

සමහර නිර්මාණකරුවන්ට පළමු පින්තූර සහ ඊළඟ පෙළ පෙන්වීමට අවශ්‍ය වන අතර, සමහර ජාවාස්ක්‍රිප්ට් මඟින් එය සාක්ෂාත් කරගනු ලැබේ, උදාහරණයක් ලෙස සරල පිටුවක් මුලින්ම බැනරයක් පෙන්වනු ඇති අතර ඉන්පසු එහි ඇති සියල්ල.

මට ප්‍රවෘත්ති කියවීමට පමණක් අවශ්‍ය වන අතර මගේ පිටුවල මෙතරම් අයාචිත වාණිජ දේවල් ඇත්තේ මන්දැයි ඔබ කල්පනා කරන්නේ නම්, ඔබට විසඳුමක් තිබේ. ඔබ ෆයර්ෆොක්ස් භාවිතා කරන්නේ නම් ඔබට ස්පෑම්-බ්ලෝකර් භාවිතා කළ හැකිය. එවැනි ඇඩෝනයක් සමඟ වෙබ් බ්‍රව්සරය අයාචිත තැපැල් සපයන අඩවි දන්නා අතර ඒවා අවහිර කිරීමෙන් වඩාත් වේගවත් පිටු පැටවීමක් සිදු වන අතර ඔබ කියවන ලිපි වලට අදාළ වැදගත් රූප ඔබට තවමත් දැකගත හැකිය.

මන්දගාමී පිටු පැටවීම සමඟ කටයුතු කරන ඔබ සැමට මම නැවත නිර්දේශ කරමි. ෆිඩ්ලර් අයිඊඑක්ස්ප්ලෝරර් සමඟ හෝ ෆයර්ෆොක්ස් සමඟ භාවිතා කළ හැකිය (එහි ප්‍රොක්සි ශ්‍රිතය භාවිතා කරමින්) ඇත්ත වශයෙන්ම කොපමණ කාලයක් ගතවේද සහ වෙබ් පිටුවක කොටස් පටවන විට ෆිද්ලර් ඔබට පෙන්වනු ඇත. එය HTML නිදොස් කිරීමේ මෙවලමකි.


ඉතින් ඔබ මිනිසුන්ට උදව් කිරීමට උත්සාහ කර ඡන්දය ප්‍රකාශ කිරීම එතරම් විනෝදයක් නොවේද? හරි, මම මෙහි දෙවරක් තාක්‍ෂණික කරුණු පැහැදිලි කිරීමට පෙර නැවත වරක් සිතමි.
user613326

21
ඔබ වැරදි දේ පැහැදිලි කළා, ඒ නිසා ඔබ පහත් කොට සලකනවා. තිර පිටපතෙහි ඔබට දැකිය හැකි පරිදි, පිටුව සම්පුර්ණයෙන්ම පටවා ඇත, පෙළ පමණක් දර්ශනය නොවේ. මෙයට රූප සමඟ කිසිදු සම්බන්ධයක් නැත.
ෆෙමරෙෆ්

8
ලේඛනයේ ශරීරය සෑම විටම පාහේ බාහිර CSS වලට පෙර පටවනු ලැබේ. බාහිර අන්තර්ගතයන් පූරණය කිරීම සඳහා බ්‍රව්සරය පිටුව විග්‍රහ කිරීම නතර නොකරයි. උදව් කිරීමට උත්සාහ කිරීම ප්‍රයෝජනවත් වන්නේ ඔබ සැබවින්ම උදව් කරන්නේ නම් පමණි. වැරදි තොරතුරු කිසිදු තොරතුරකට වඩා නරක ය.
raylu

1
@raylu මම ඒ වැරදි තොරතුරු ගැන දන්නේ නැහැ. අඩු අගයන් සහිත පිළිතුරක් දැකීම සමහර විට බෙහෙවින් ප්‍රයෝජනවත් වේ. :-)
LarsTech

7
හායි @ user613326: ප්‍රජාවට ප්‍රයෝජනවත් පිළිතුරු සැපයීමට අප මූලික වශයෙන් මෙහි සිටින බැවින් අවංකව පහත හෙලීම අපි දිරිමත් කරමු. එය පෞද්ගලිකව ගන්න එපා!
Flimm
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.