බහු-උපාංග වෙබ් නිර්මාණ සඳහා විවිධ ප්රවේශයන් දෙකක් සැසඳීම
ප්රතිචාරාත්මක සහ අනුවර්තී වෙබ් නිර්මාණ නිර්මාණ විවිධාකාරයේ හිතකාමී වෙබ් අඩවි නිර්මාණය කිරීම සඳහා ක්රමවේදයන් වේ. ප්රතිචාරාත්මක වෙබ් නිර්මාණය Google විසින් නිර්දේශ කර ඇති අතර ප්රවේශ දෙක අතර වඩාත් ප්රචලිත වේ, බහු-උපාංග වෙබ් නිර්මාණය සඳහා මෙම ක්රම දෙකම ඔවුන්ගේ ශක්තීන් සහ ඒවායේ දුර්වලතා ඇත.
ප්රතිචාරාත්මක සහ අනුවර්තී වෙබ් නිර්මාණ අතර ඇති වෙනස දෙස බලමු. විශේෂයෙන්ම මේ ප්රධාන ක්ෂේත්ර කෙරෙහි අවධානය යොමු කිරීම:
- සංවර්ධනයේ පහසුව
- මෝස්තරය මත ඔබ සතු පාලන මට්ටම
- උපාංගයේ / තිර ආධාරක ප්රමාණය
- විසඳුම වන්නේ අනාගතයට සුහදශීලී වේ
- සමස්ත බාගත කිරීම් වේගය සහ වෙබ් අඩවියේ ක්රියාකාරිත්වය
සමහර නිර්වචන
ප්රතිචාරාත්මක හා අනුවර්තන වෙබ් අඩවි නිර්මාණයන්ගෙන් එක පැත්තකට සැසඳීමට පෙර, මෙම ප්රවේශයන් දෙකෙහි ඉහල මට්ටමේ අර්ථ දැක්වීමක් දෙස බලමු.
අනුකූලතා දක්වන වෙබ් අඩවි භාවිතා කරන තිරයේ ප්රමාණය නොසලකා වෙනස්කම් හා අනුවර්තනය කරන තරල සැකැස්මකි. මාධ්ය විමසුම් මඟින් බ්රවුසරය වෙනස් කළ හොත් ප්රතිචාරාත්මක වෙබ් අඩවි පවා "පියාඹන විට" වෙනස් කළ හැකිය.
අනුවර්තනය කරන ලද නිර්මාණ අනුව පිටුව මුලින්ම පටවනු ලබන විට අනාවරණය වන තිරයේ ප්රමාණය සඳහා වඩාත්ම සුදුසු පිරිසැලසුම් අනුවාදය පූර්ව නිශ්චිත තාප්පයන් මත පදනම්ව ස්ථාවර ප්රමාණ යොදාගෙන ස්ථාවර ප්රමාණ භාවිත කරයි.
එම පුළුල් නිර්වචන සහිතව අවධානය යොමු කරමු.
සංවර්ධනයේ පහසුව
ප්රතිචාරාත්මක සහ අනුවර්තී වෙබ් නිර්මාණ අතර ඇති වඩාත්ම කැපී පෙනෙන වෙනස වන්නේ මෙම විසඳුම් වෙබ් අඩවියකට අදාළ වන ආකාරයෙන්ය. ප්රතිචාරාත්මක මෝස්තරය සම්පූර්ණයෙන්ම තරල සැකැස්ම නිර්මාණය කරන නිසා, එය ඔබ බිම සිට වෙබ් අඩවිය ප්රතිනිර්මාණය කරන ව්යාපෘති මත හොඳින් භාවිතා වේ. ප්රතිචාර දක්වන ලද වෙබ් අඩවි කේතය නැවත සකස් කිරීමට උත්සාහ කිරීම නිතරම අපිරිසිදු කටයුත්තක් වනු ඇත. ඔබ එම කේතය හදුන්වා ගැනීමෙන් හා ප්රතිචාරාත්මක මෝස්තරය එම ක්රියාවලියෙහි මුල් අවධියේදී සලකා බැලීම සඳහා ඔබ විසින් පාලනය කරන මට්ටමේ පාලනයක් නොලැබෙනු ඇත . මෙයින් අදහස් වන්නේ ඔබ ප්රතිචාර දැක්වීම සඳහා වෙබ් අඩවියක් ප්රතිස්ථාපනය කරන විට, පවතින පවතින කේතය තුළ රැඳී සිටීම සඳහා සම්මුති ඇති කිරීමට ඔබ බල කෙරෙයි.
ඔබ දැනට පවතින ස්ථාවර-පළල වෙබ් අඩවියක් සමඟ වැඩ කරන්නේ නම්, අනුවර්තී ප්රවේශයක් නම් අඩවියේ අනිවාර්යයෙන් නිර්මාණය කර ඇති ප්රමාණය හා අවශ්ය වන පරිදි අතිරේක අනුවර්තනීය කඩන ස්ථාන මත එක් කළ හැකිය. සමහර අවස්ථාවන්හිදී, ව්යාපෘතියේ අයවැය කුඩා වන අතර, එය කුඩා සංවර්ධන වැඩක් පමණක් සැපයේ නම්, ඔබට කුඩා තිරයක් / ජංගම-කේන්ද්රීය ප්රමාණ සඳහා නව අනුවර්තන විසඳුම් එකතු කිරීමට තෝරා ගත හැකිය. මෙයින් අදහස් වන්නේ ඔබ විශාල තිරය එකම සැළැස්ම භාවිතා කිරීමට ඉඩ දෙන බවයි. සමහර විට එම වෙබ් අඩවිය මුලින් සැලසුම් කරන ලද 960 කඩදාසි අනුවාදයක් විය හැකිය.
අනුවර්තනය කරන ප්රවේශයකට ඉහලින් පවතින වෙබ් අඩවියේ කේතය වඩා උචිත කළ හැකි නමුත්, ඔබ පහත වැටෙන එක් දෙයක් වන්නේ, ඔබ විසින් සහාය දක්වන ලෙස තෝරාගන්නා සෑම කඩඉමකටම ඔබ වෙනස් පිරිසැලසුම් ආකෘති නිර්මාණය කරන බවය. දිගුකාලීනව මෙම විසඳුම සංවර්ධනය කිරීම හා පවත්වා ගැනීම සඳහා අවශ්ය වන වැඩ ප්රමාණයේ බලපෑමක් ඇති කරනු ඇත.
සැලසුම් පාලනය
ප්රතිචාරාත්මක වෙබ් අඩවිවල ශක්තීන්ගෙන් එකක් වන්නේ ඒවායේ නිවර්තන වායුව අනුව ඒවාට ගැලපෙන සහ අනුබල ලබා දීම සඳහා අනුවර්තනීය ප්රවේශයකින් තීරණය කරනු ලබන්නේ පූර්ව පිහිටුවන ලද විරාමයන් පමණි. කෙසේ වෙතත් යථාර්ථය නම්, ප්රතිචාරාත්මක වෙබ් අඩවි සමහර ප්රධාන තිර ප්රමාණවලින් පෙනෙන පරිදි පෙනෙන්නට තිබේ (සාමාන්යයෙන් වෙළඳ පළේ පවතින ජනප්රිය උපාංගවලට අනුරූප වන ප්රමාණයන්), නමුත් දෘශ්ය නිර්මාණ බොහෝ විට එම ජනප්රිය යෝජනා අතර වේ.
නිදසුනක් ලෙස, වෙබ් අඩවිය පුළුල් පරාසයක සැකැස්මේ පික්සලය 1400 ක්, පික්සල් 960 පික්සල් ප්රමාණයෙහි විශාලත්වය සහ කුඩා තිරය 480 පික්සල් දිහා බලන නමුත්, මෙම ප්රමාණ වල ප්රාන්ත අතර ඇති තත්වය කුමක් ද? නිර්මාණකරුවෙකු ලෙස, මෙම ප්රමාණ අතර ප්රමාණවත් පාලනයක් නොමැති අතර එම ප්රමාණයේ පිටු දෘශ්ය පෙනුම බොහෝ විට පරිපූර්ණ වේ.
අනුවර්තනය කරන වෙබ් අඩවියක් සමඟ, ඔබේ ස්ථාපනය කරන ලද විරාමයන් මත පදනම්ව ඒවා ස්ථාවර ප්රමාණ නිසා, විවිධාකාර සැකසුම් භාවිතා කිරීම සඳහා ඔබට වැඩි සැලසුමක් පාලනය කර ඇත. ඔබ එකිනෙකා අතර නොගැලපෙන රාජ්ය අතර ගැටුමක් ඇති නොවේ. ඔබ විසින් එක් එක් "පෙනුම" (සෑම කඩඉමක දර්ශණයක අර්ථ නිරූපණය) ප්රවේශමෙන් නිර්මාණය කර ඇති නිසා, එය නරඹන්නන් වෙත ලබා දෙනු ඇත.
නිර්මාණ පාලනයේ මෙම මට්ටමේ ශබ්දය ඇහෙන තරමට, එය මිලකට පැමිණෙන බව ඔබ දැන සිටිය යුතුය. ඔව්, ඔබට සෑම කඩිනම් ලක්ෂයක්ම පෙනුම සම්පූර්ණයෙන්ම පාලනය කර ඇත, නමුත් එමගින් අනිවාර්යයෙන්ම ඔබට අනිවාර්යයෙන්ම වෙන්වූ සැලැස්මක් නිර්මාණය කළ යුතු වේ. ඔබ සැලසුම් කිරීම සඳහා තෝරාගත් වඩාත් විරංජන ස්ථාන, එම ක්රියාවලිය සඳහා වියදම් කිරීමට වැඩි කාලයක් අවශ්ය වේ.
ආධාරක පළල
විශේෂයෙන්ම නූතන බ්රව්සරවලදී ප්රතිචාරාත්මක සහ අනුවර්තී වෙබ් නිර්මාණකරණ අත්දැකීම් ඉතා හොඳයි.
අනුවර්තනය කරන වෙබ් අඩවි සර්වර් පාර්ශ්වික සංරචක හෝ තිර ප්රමාණය හඳුනා ගැනීම සඳහා ජාවාස්ක්රිප්ට් අවශ්ය වේ. පැහැදිලිවම, අනුවර්ගාත්මක වෙබ් අඩවියකට ජාවාස්ක්රිප්ට් අවශ්ය නම්, එය වෙබ් අඩවිය නිවැරදිව වැඩ කිරීම සඳහා බ්රවුසරයට එය සබල කර තිබිය යුතුය. බොහෝ අයගේ බ්රව්සර් වල ජාවාස්ක්රිප්ට් සතුව ඇති බැවින්, එය ඔබට ප්රධාන වශයෙන් සැලකිල්ලක් නොදක්වයි. එහෙත් ඕනෑම වෙබ් අඩවියකට කිසිවක් මත විවේචනාත්මක යැපීමක් ඇති බව ඕනෑම අවස්ථාවක සටහන් විය යුතුය.
ප්රතිචාරාත්මක වෙබ් අඩවි සහ ඒවා බලයට ගෙන ඇති මාධ්ය විමසුම් සියලු නූතන බ්රව්සරවල හොඳින් ක්රියා කරයි. ඔබට ඇති එකම ගැටළුව වන්නේ අන්තර්ජාලයේ ඇති පැරණි අනුවාදයන් වන 8 වන සහ ඊට පහළින් මාධ්ය විමසුම් වලට සහය නොදක්වයි. මේ සඳහා වැඩ කිරීම සඳහා ජාවා ස්ක්රිප්ට් බහුකාර්යය බොහෝ විට භාවිතා වේ , එයින් අදහස් කරන්නේ, මෙහි අර්ථය වන්නේ ජාවාස්ක්රිප්ට් මත යැපීමයි . නැවතත්, මෙය ඔබට වඩා සැලකිලිමත් විය හැකිය, විශේෂයෙන් ඔබේ පැරණි බ්රවුසර අනුවාදයන් භාවිතා කරන බොහෝ නරඹන්නන් ඔබට නොලැබෙන බව ඔබේ වෙබ් අඩවියේ විශ්ලේෂණවලින් පෙන්නුම් කරයි.
අනාගත සුහදතාව
ප්රතිචාරාත්මක වෙබ් අඩවිවල තරල ස්වභාවය අනාගතයට හිතකාමී වන විට අනුවර්තනය කරන වෙබ් අඩවි වලට ඔවුන් වාසියක් ලබා දෙයි. මෙම ප්රතිචාරිත අඩවි කලින් ස්ථාපිත කළ කට්ටල වල කට්ටලයක් සවිකිරීම සඳහා සකස් කර නොතිබීමයි. අද දින වෙළඳපොලේ සැබැවින්ම නොපවතිනු ඇති ඒවා ඇතුළුව සියලු තිරයන්ට සරිලන පරිදි ඒවාට ගැලපේ. මෙයින් අදහස් වන්නේ නව විභේදනය හදිසියේ ජනප්රිය වීමෙන් ප්රතිචාරාත්මක වෙබ් අඩවි "ස්ථාවර" විය යුතු නොවේ.
උපාංග ආවේගයේ විශ්මයජනක විවිධත්වය දෙස බැලීම (2015 අගෝස්තුවේ දී, වෙළෙඳපොළෙහි නිශ්චිත ඇන්ඩ්රොයිඩ් උපකරණ 24,000 ක් පමණ තිබිණි), මෙම පුළුල් පරාසයේ තිරයන් සවිකිරීමට වෙබ් අඩවියක් ඇති හොඳම වෙබ් අඩවිය සහිත අනාගත සුහදතාව සඳහා ඉතා වැදගත් වේ. අනාගතයේ දී එතරම් වෙනසක් නොලැබෙන බව පෙනෙන්නට තිබීම නිසා මේ යථාර්ථය දැනටමත් අප වෙත එළඹ නැතිනම් නිශ්චිත තිරස් හෝ ප්රමාණයන් නිර්මාණය කිරීම අපහසු විය හැකිය.
මෙම සන්සන්දනාත්මක සිදුවීම අනෙක් පැත්තේ, වෙබ් අඩවිය අනුවර්තී වන අතර එය වෙළඳපල තුළ වැදගත් විය හැකි නව ප්රතිසන්ධානවලට ඉඩ නොලැබේ නම්, ඔබ විසින් නිර්මාණය කරන ලද වෙබ් අඩවි මත එම වාර ගණන එකතු කිරීමට බලකෙරෙනු ඇත. මෙමගින් සැලසුම් සහ සංවර්ධන කාලය ව්යාපෘති වලට එකතු කරන අතර එයින් අදහස් වන්නේ එම වෙබ් අඩවියට එකතු කළ යුතු වෙළඳ පළට අලූත් කඩිනම් ස්ථාන හඳුන්වා නොදෙන බව සහතික කිරීම සඳහා එම අනුගත ස්ථාන නිරන්තරයෙන් නිරීක්ෂණය කළ යුතුය. නැවතත්, උපාංගයේ විවිධත්වය නවීන මාදිලි සඳහා නව පරික්ෂා කර බැලීම සඳහා නව පරික්ෂා කර බැලීම සඳහා අඛණ්ඩව පරික්ෂා කර බැලීමත් සමග, එය වෙබ් අඩවි වලට සහය වීමට අවශ්ය වෙබ් අඩවි වලට සහය දැක්වීමට සිදු වනු ඇති අඛණ්ඩ අභියෝගයකි. වෙබ් අඩවිය සඳහා වන සමාගම හෝ සංවිධානය.
කාර්ය සාධනය
ප්රතිචාරාත්මක වෙබ් නිර්මාණය දිගු කාලයක් තිස්සේ චෝදනා කර ඇත (අසාධාරණ ලෙස එසේ බොහෝ අවස්ථාවලදී) බාගත වේග / කාර්ය සාධක දෘෂ්ටි ආස්ථානයෙන් දුප්පත් විසඳුමක් විය. බොහෝ විට මෙය මෙම ප්රවිෂ්ටයේ මුල් කාලයේ දී, බොහෝ වෙබ් නිර්මාණකරුවන් වෙබ් අඩවියේ පවතින CSS මත කුඩා තිර සහිත මාධ්ය විමසුම් සරලව හසුරුවනු ලැබීය. මෙම කුඩා තිරයන් ඒවායේ අවසන් සැකසුම්වල දී ඒවා භාවිතා නොකළේ නම් විශාල තිරයන් විශාල වශයෙන් තිරය වෙත ලබා දෙන රූප සහ සම්පත් බල කරන ලදි. ප්රතිචාර දක්වන මෝස්තරය එම දිනවල සිට දිගු මගක් දක්වා ඇති අතර යථාර්ථය වන්නේ අද දින ගුණාත්මක ප්රතිචාර දක්වන අඩවි කාර්ය සාධන ගැටළු වලින් පීඩාවට නොයන බවයි.
මන්දගාමී බාගත වේග සහ පුපුරා ඇති වෙබ් අඩවි ප්රතිචාරාත්මක වෙබ් අඩවියක් නොවේ - එය වෙබ් අඩවි වල සොයා ගත හැකි ගැටළුවක්. අධික ලෙස පින්තූර, සමාජ මාධ්යයෙන්, අතිශයින්ම අක්ෂර වින්යාස සහ ඊට වඩා වැඩි ප්රමාණයක් අඩංගුවී, නමුත් ප්රතිචාරාත්මක සහ අනුවර්තන වෙබ් අඩවි ඉක්මණින් පැටවීම සඳහා සෑදිය හැක. සැබැවින්ම , ඔවුන් කාර්ය සාධනය ප්රමුඛතාවයක් නොලැබෙන ආකාරයකින්, ඒවාට විසඳුමක් ලබා ගත හැකිය. නමුත් එය විසඳුමේම ලක්ෂණයක් නොව, අඩවියේ වර්ධනය සඳහා සම්බන්ධ වූ කණ්ඩායමේ පිළිබිඹුවකි.
පිරිසැලසුම ඉක්මවා ඇත
අනුවර්තී වෙබ් නිර්මාණකරණයේ වඩාත්ම කැපී පෙනෙන අංගයක් වන්නේ ඔබ විසින් පිහිටුම් ලක්ෂ්ය සඳහා අඩවි සැලැස්මක් පමණක් ඇති නමුත්, එම අඩවි සංස්කරණ සඳහා ලබා දෙනු ලබන සම්පත්ද වේ. නිදසුනක් ලෙස, මෙය retina පිළිබිඹුවන්ට පටිගත කළ හැකි උපකරණ පමණක් යැවිය හැකි අතර, retine තිර තිර පිටපත් ප්රමාණයේ කුඩා ප්රමාණයේ වඩා සුදුසු අනුරූප ලබා ගනී . වෙනත් වෙබ් අඩවි සම්පත් (ජාවාස්ක්රිප්ට් ෆයිල්ස්, CSS ශෛලීය ආදිය) ඒවාට අවශ්ය වන විට ඒවා භාවිතා කරනු ලැබේ.
අනුවර්තනය කරන වෙබ් නිර්මාණකරණය මෙම භාවිතයේ ඇති සරල සමීකරණයට වඩා "ඔබ වෙබ් අඩවියක් නැවත සකස් කර ඇත්නම්, අනුවර්තීව භාවිතා කිරීමට පහසු ප්රවේශයක් විය හැකිය." සම්පූර්ණ ප්රතිනිර්මාණයන් ඇතුළුව සියලුම වෙබ් අඩවි වඩා ගැලපෙන අත්දැකීමක් සඳහා ප්රායෝගික ප්රවේශයකින් ප්රයෝජන ගත හැකිය.
මෙම "ප්රතිචාරාත්මක සහ අනුගත" විවාදයේ කල්පිත ස්වභාවය පෙන්නුම් කරයි. වෙබ් අඩවි ප්රතිස්ථාපනය සඳහා ප්රතිචාර දක්වන වඩා අනුගතශීලී ප්රවේශයක් වඩා සුදුසුයි, එය පූර්ණ ප්රතිනිෂ්පාදනය සඳහා විශිෂ්ඨ විසඳුමක් විය හැකිය. ඒ හා සමානව සමහර අවස්ථාවන්හිදී ප්රතිචාරාත්මක ප්රවේශයක් පවතින වෙබ් අඩවියේ කේත පදනමට එකතු කළ හැකි අතර, එම වෙබ් අඩවියට පූර්ණ ප්රතිචාරාත්මක ප්රවේශයක් ලබා දෙයි.
වඩාත්ම සුදුසු ක්රමය කුමක්ද?
ප්රතිචාරාත්මක වෙබ් අඩවි නිර්මාණයට ප්රතිචාර දක්වන විට, පැහැදිලි "ජයග්රාහකයෙක්" නැත. එහෙත්, ප්රතිචාරය නිසැකවම ජනප්රිය ක්රමයකි. ඇත්ත වශයෙන්ම, "වඩා හොඳ" ප්රවේශයක් නිශ්චිත ව්යාපෘතියක අවශ්යතා මත රඳා පවතී. තවදුරටත්, මෙය "හෝ / හෝ" තත්වයක් විය යුතුය. වෙබ් අඩවි නිර්මාණශීලී වෙබ් අඩවි නිර්මාණශීලී වෙබ් අඩවි නිර්මාණයන් (තරල පළල, අනාගත සහාය) ඒකාබද්ධ කර ඇති වෙබ් අඩවි නිර්මාණශීලී මෝස්තර (වඩා හොඳ සැලසුම් පාලනය, වෙබ් අඩවි සම්පත් ස්මාර්ට් කිරීමේ) ඇති වෙබ් අඩවි වෘත්තිකයන් බොහෝ ඇත.
සාමාන්යයෙන් RESS ලෙස (Response Web Server නිර්මාණය කර ඇති සර්වර් වාහක අතුරු කොටස් සහිත), මෙම ප්රවේශය පෙන්නුම් කරන්නේ "එක විසදුමකට ගැලපෙන" එකක් නොවන බවයි. ප්රතිචාරාත්මක වෙබ් නිර්මාණ සහ අනුවර්තිමත් දෙකම ඔවුන්ගේ ශක්තීන් සහ අභියෝගයන් ඇත. එබැවින් ඔබ කුමන ඔබේ නිශ්චිත ව ාපෘතිය සඳහා වඩාත්ම සාර්ථක වනු ඇති අතර, ෙහෝ ෙදමුහුම් විසඳුමක් ඔබට ගැලපෙන ආකාරයකින් ගැලපේද.