නුසුදුසු වගු භාවිතා කිරීමෙන් ඔබ වැළකී සිටිය යුත්තේ මන්ද?

උඩුබැල් ආවර්තිතා වගුව ඔබේ වෙබ් පිටු පහළට පහත් කරන්න

වෙබ් පිටු වේගයෙන් බාගත කළ යුතු වුවත්, උඩුගත කළ වගු ක්රියාවලිය මන්දගාමී වේ. වැඩි දෙනෙක් බ්රෝඩ්බෑන්ඩ් හෝ අධිවේගී අන්තර්ජාලය භාවිතා කරන බව යමෙකුට පැවසීමට ඉඩ නොතබන නිසා, ඔබේ වෙබ් පිටු කෙතරම් ඉක්මනින් ඇතිදැයි යන්න ගැන කරදර නොවිය යුතුය. වෙබ් අඩවියේ අන්තර්ගත ප්රමාණය සමඟ මන්දගාමීව පැටවූ වෙබ් අඩවියක් හෝ අඩවියක් ඉක්මණින් පටවනු ලබන තැනැත්තාට වඩා අඩුවෙන් නරඹන්නන් සිටී. වේගය ඉතා වැදගත් වේ.

උඩු රැවුලක්ද?

උඩු යටිකුරු වගුවක් යනු එය තුළ තවත් වගුවක් තිබේ. උදාහරණයක් වශයෙන්:

<වගුව>

තීරුව 1
තීරුව 2
තීරුව 3


තීරුව 1

<වගුව>

උද්ධෘත වගුව තීරුව 1
ගවේෂණ වගු තීරුවේ 2



තීරුව 3


තීරුව 1
තීරුව 2
තීරුව 3

උඩුගත කල වගු හේතු වඩා පහසු වේ

වෙබ් පිටුවක තනි වගුව පිටුව වඩා මන්දගාමීව බාගැනීමට ඉඩ නොදේ (හේතුව තුළ). නමුත් ඔබ වෙනත් වගුවක් ඇතුළත එක් මේසයක් තැබූ විට, බ්රවුසරය සඳහා වඩා සංකීර්ණ වන නිසා, එම පිටුව වඩා සෙමින් පැටවී තිබේ. ඔබ ඔබ එකිනෙකා තුළ ඇති තවත් වගු, පිටුවේ මන්දගාමී වනු ඇත.

ඔබ විසින් වගු සහිත පිටුවක් නිර්මාණය කරන විට, වගු තුල ඇති වගු, පිටු වඩා මන්දගාමී වනු ඇති බව මතක තබා ගන්න. සාමාන්යයෙන්, පිටුවක් පටවනු ලබන විට, බ්රවුසරයේ HTML මත ඉහළට පැමිනෙන අතර එය අනුපිළිවෙලින් පිටුවට පහළට පැටවෙයි. කෙසේ වෙතත්, උඩුගත කළ වගු සමඟ, එය සමස්තයක්ම ප්රදර්ශනය කිරීමට පෙර මේසය අවසානය සොයාගත යුතුය.

පිරිසැලසුම සඳහා වගු

ඔබගේ වෙබ් පිටු තුළ සැකැස්ම සඳහා වගු භාවිතා නොකළ යුතුය . ඒවා සෑම විටම උඩුගත කළ වගු භාවිතා කරන ලෙස ඉල්ලා සිටිති, එබැවින් වගු-සැකැස්ම වෙබ් පිටුව CSS මගින් සිදු කරන ලද එකම නිර්මාණයට වඩා සෙමින් සෙටින් පටවනු ඇත.

එසේම, ඔබ වලංගු XHTML ලිවීමට උත්සහ කරන නම්, වගු සියල්ලම සැකසීමට භාවිතා නොකළ යුතුය. වගු සඳහා ටැබ්ලට් දත්ත (පැතුරුම්පත් වැනි) සඳහා පිරිසැලසුම සඳහා නොවේ. ඒ වෙනුවට, ඔබ CSS සැළසුම් සඳහා CSS නිර්මාණය භාවිතා කළ යුතුය.

වේගවත් කිරීමේ වගු නිර්මාණය කිරීම

ඔබ එක් පේළියක් වෙනම වගුවක් ලෙස ලියන විට ඔබ බොහෝ පේළි සහිත වගුවක් නිර්මාණය කර ඇත්නම් එය බොහෝ විට ඉක්මණින් පටවනු ඇත. උදාහරණයක් ලෙස, ඔබට මෙවැනි වගුවක් ලියන්න පුළුවන්:




ඉහළ පේළිය

වම් තීරුව
දකුණු තීරුව

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



ඉහළ පේළිය







වම් තීරුව
දකුණු තීරුව

එක් වී වගුවකට එකතු කළ දත්ත වගු පරිවර්තනය කිරීම

මේ සියල්ල හොඳ තොරතුරු ඇති බව ඔබට හැඟෙන්න පුළුවන්, නමුත් ඔබට එහි ඇති තවත් වගුවක් තිබිය යුතුය . මෙය සත්ය විය හැකි වුවත්, බොහෝ විට ඔබට ඔබගේ වගු වල සෛල භාවිතා කර ඒවායේ ගුණාංග හා ගුණාංගවලින් තරමක් සංකීර්ණ තනි වගු බවට පරිවර්තනය කළ හැක. උදාහරණයක් ලෙස, ඉහළට ඇති උඩු යටිකුරු වගුවෙහි, මෙය එකම එක වගුවක් බවට colspan ගුණාංගයක් සහිතව පරිවර්තනය කළ හැකිය:

<වගුව>

තීරුව 1
colspan = "2" > තීරුව 2
තීරුව 3

තීරුව 1
උද්ධෘත වගුව තීරුව 1
ගවේෂණ වගු තීරුවේ 2
තීරුව 3

තීරුව 1
colspan = "2" > තීරුව 2
තීරුව 3

මෙම වගුව මගින් උඩුගත කල වගුවට වඩා අඩු අක්ෂර භාවිතා කිරීම ප්රයෝජනවත් වේ, ඒ නිසා එය වේගයෙන් බාගත කරනු ඇත.