پيش بارگذاري و به حافظه سپردن تصاوير در پشت پرده

 عده از بلاگري ها دوست دارند كه صفحات وبلاگشون را با تصاوير تزيين كنند ولي به علت سرعت كم بارگذاري تصاوير بعضي مجبور مي شوند كه صفحات وبلاگشون را ساده طراحي كنند (مثل من) ولي امروز با اين روشي كه من بهتون ميگم راحت ميتونيد صفحات وبلاگتون را با تصاوير تزيين كنيد. البته اين را به شما ميگم كه اين روش صد در صد سرعت را بالا نمي آورد بلكه … .

هنگامي مرور گر وب صفحه ي وبي را بارگذاري مي كند نسخه اي از تصاوير صفحه ي وب را نيز در حافظه ي ديسك سخت بازديد كننده قرا مي دهذ((Temporary Internet Files


حالا اگر بازديد كننده دوباره بخواهد به همان صفحه ي وب مراجعه كند ابتدا مرورگر در پوشه ي Temporary به دنبال تصوير مورد نظر مي گردد و در صورتي كه تصوير مورد نظز را پيدا نكرد آن تصوير را از سايت بارگذاري مي كند ولي در صورتي كه در پوشه ي Temporary وجود داشت بدون بارگذاري تصوير آن را از ديسك سخت مي خواند.


خوب ما ميتونيم با همين ويژگي مرورگر كاري كنيم كه تمام تصاوير صفحات سايت در يك جا بارگذاري كنيم براي مثال صفحهي اول سايت ما از تعداد تصاوير كمي برخوردار است ولي ما مي توانيم توسط تگ <img> تمام تصاوير كل سايت را در پايين صفحه ي آغازين به ترتيب زير وارد كنيم:


 






<html>


<head>


    <title> Example Of Preloading Images </title>


</head>


<body>


          <!–در اين قسمت كد هاي صفحه ي وب شما قرار مي گيرد.//–!>


<img scr=»image1.jpg» width=»1″ height=»1″>


<img scr=»image2.jpg» width=»1″ height=»1″>


<img scr=»image3.jpg» width=»1″ height=»1″>


<!–وبه همين ترتيب تصاوير را اضافه كنيد//–>


</body>


</html>


در اين مثال تگ هاي <img> مرورگر را در بارگذاري دو تصوير در پايين صفحه ي وب راهنمايي مي كند اما انتخاب ارزش هاي 1 براي طول و عرض تصوير باعث خواهد شد كه بازديد كننده عملا اي تصاوير را مشاهده نكند. با ورود بازديد كننده به اين صفحه اين تصاوير توسط مرورگر بارگذاري شده و در ديسك سخت ذخيره مي شوند.


هنگامي كه بازديد كننده از صفحه ي آغازين به صفحات ديگر سايت رجوع مي كند. مرورگر مي تواند تصاوير آن صفحات را از ديسك سخت بازديد كننده بازيابي كند.


هنگامي كه ميخواهيد از اين تصاوير در صفحات ديگر استفاده كنيد بايد از عرض و طول هاي واقعي استفاده كنيد:


 






<html>


<head>


    <title> Example Of Preloading Images </title>


</head>


<body>


          <!–در اين قسمت كد هاي صفحه ي وب شما قرار مي گيرد.//–!>


<img scr=»image1.jpg» width=»200″ height=»100″>


<img scr=»image2.jpg» width=»150″ height=»80″>


<img scr=»image3.jpg» width=»80″ height=»100″>


<!–وبه همين ترتيب تصاوير را اضافه كنيد//–>


 


            


</body>


</html>


 


نكته: من باز هم تاكيد ميكنم كه بايد تصاوير پنهان را در پايين صفحه اضافه كنيد چون با اينكه اين تصاوير از ديد چشم خواننده دور مي باشد ولي همين تصاوير نياز به وقت براي بار گذاري دارد. به علت در پايين صفحه اين تصاوير را قرار دهيد تا پس از كامل شدن فرايند بارگذاري صفحه مرورگر شروع به بار گذاري اين تصاوير كند.


اين روش براي صفحات مرحله اي بسيار كاربرد دارد.

۱ دیدگاه

  1. ژوئیه 12, 2005 در 11:04 ق.ظ.

    You are invited to check some information in the field of gambling gambling http://www.hawaiiansurvey.org/gambling.html http://www.hawaiiansurvey.org/gambling.html online gambling online gambling http://www.hawaiiansurvey.org/online-gambling.html http://www.hawaiiansurvey.org/online-gambling.html – Tons of interesdting stuff!!!


پاسخی بگذارید

در پایین مشخصات خود را پر کنید یا برای ورود روی شمایل‌ها کلیک نمایید:

نشان‌وارهٔ وردپرس.کام

شما در حال بیان دیدگاه با حساب کاربری WordPress.com خود هستید. بیرون رفتن / تغییر دادن )

تصویر توییتر

شما در حال بیان دیدگاه با حساب کاربری Twitter خود هستید. بیرون رفتن / تغییر دادن )

عکس فیسبوک

شما در حال بیان دیدگاه با حساب کاربری Facebook خود هستید. بیرون رفتن / تغییر دادن )

عکس گوگل+

شما در حال بیان دیدگاه با حساب کاربری Google+ خود هستید. بیرون رفتن / تغییر دادن )

درحال اتصال به %s

%d وب‌نوشت‌نویس این را دوست دارند: