دسته بندی
-
13 نکته جهت افزایش سرعت بارگذاری وب سایت
-
00
-
بازدید این صفحه : ۲۷۵۷تاريخ : 22 فروردين 1394
بزرگنمایی تصویر
قطعا یکی از مهمترین دغدغه یک وبمستر , سرعت پایین لود وب سایت می باشد.
مشکلی که بسیاری از وب مستران عزیز با آن درگیر هستند و همیشه کاربرانشان از سرعت لود وب سایت شاکی هستند .
طبیعتا بعد از مدتی , کاربران از وضع وب سایت خسته شده و دیگر وارد آن سایت نمی شوند . در نتیجه روز به روز سایت دچار افت بازدیدکننده شده و کاربران خود را از دست میدهد که این امر بسیار فجیح خواهد بود . چرا که اگر بازدید کننده ای وجود نداشته باشد , وب سایت معنی ندارد .
تجربه نشان داده که هر کاربر به طور میانگین , حداکثر 10 ثانیه منتظر لود شدن سایت شما میشود …
در این پست قصد دارم نکاتی بسیار مهم و اساسی رو در مورد طراحی و پیکربندی یک وب سایت منتشر کنم که با رعایت این موارد میتوانید سرعت بارگذاری وب سایت خود را چندین برابر کنید .
و اما نکات …
1 – انتخاب یک میزبان یا همان سرور خوب :
اولین و بهترین فاکتور برای داشتن یک سرعت بالا در وب سایت , انتخاب یک میزبان یا سرور خوب و حرفه ای هست .
در ضمن حتما از هاستینگ های داخل ایران استفاده کنید تا سرعت لود سایت شما به چند برابر بیشتر برسد . چون فاصله ی بسیار کمتری بین سرور و کاربر حاصل میشود و ping پایین آمده , در نتیجه سرعت بالا میرود .
2 – استفاده از طراحی مینیمال و بسیار سبک :
متاسفانه به دلیل عدم آشنایی کاربران یک وب سایت با علم روز طراحی وب سایت , سایت های بدون گرافیک , ساده و سبک رو یک وب سایت به دردنخور و مسخره قلمداد میکنند.
وب سایت های مینیمال ( دقیقا مانند سایت اسکریپت دات کام ) از جدیدترین شیوه ی طراحی حال روز دنیا می باشد . تابحال فکر کردید چرا آمازون , گوگل , فیسبوک , الکسا و دیگر سایت های پربازدید دنیا ساده و مینیمال هستند ؟؟؟
پس سعی کنید سایت خود را ساده و شیک ( مینیمال ) طراحی کنید . هم دارای سرعت بارگذاری بالا میشود و هم طراحی وب سایت خود را مدرن و بروز میکنید .
3 – استفاده از شیوه ی Gzip :
Gzip باعث میشود که نوشته ها و کدنویسی های یک وب سایت , اععم از html , php , js و css فشرده , و سپس انتقال یابد . این کار باعث میشود تا سرعت انتقال بالاتر رود .
برای این کار کافیست کد زیر را در htaccess. خود کپی نمایید .
2
3
4
5
6
7
8
9
10
SetOutputFilter DEFLATE
4 – استفاده از کشینگ ( ذخیره موقت ) :
کشینگ یا دخیره موقت فایل ها , امکانی هست که به ما کمک میکند که فقط یک بار فایل های تکرار شونده در صفحات متعدد یک وب سایت در حافظه مرورگر ذخیره شوند .
حال اگر صفحات یک وب سایت را مرور کنید , بیشتر عکس ها و دیگر فایل ها از سرور بارگذاری نمیشوند و از حافظه مرورگر بارگذاری میشوند . به همین خاطر باعث میشود تعداد درخواست ها به سرور کم شود و سرعت بالاتر برود .
اما باید یک زمان متعادل و مشخص رو برای این کار به فایل ها داد تا مدت زمان زیادی در حافظه مرورگر ذخیره نگردد تا اگر فایل ها توسط وبمستر بروز رسانی شد , آنها هم پس از مدتی تغییر پیدا کنند .
کافیست برای این کار , کد زیر را در htaccess. خود کپی نمایید ..
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
# Set Expires headers
ExpiresActive On
ExpiresDefault "access plus 1 years"
ExpiresByType text/html "access plus 1000 second"
ExpiresByType image/gif "access plus 86400 seconds"
ExpiresByType image/jpeg "access plus 86400 seconds"
ExpiresByType image/jpg "access plus 86400 seconds"
ExpiresByType image/png "access plus 86400 seconds"
ExpiresByType image/x-icon "access plus 1000 seconds"
ExpiresByType text/css "access plus 1000 seconds"
ExpiresByType text/javascript "access plus 1000 seconds"
ExpiresByType application/x-javascript "access plus 1000 seconds"
ExpiresByType application/pdf "access plus 86400 second"
5 – استفاده از آدرس دهی های داخلی :
حتما برای عکس , موزیک , فیلم , فلش و … از آدرس دهی داخلی استفاده کنید .
منظور از داخلی به این معنا هست که فایل ها رو در سرور خود قرار داده و لینک به سرور خود بدهید .
مثلا عکسی که در یک وب سایت دیگر هست رو با همان آدرس سایت خارجی در وب سایت خود قرار ندهید . عکس را در سرور خود بریزید و آدرس را از سرور خود بدهید .
6 – عدم استفاده یا استفاده کم از فلش , عکس و تبلیغات :
تا جایی که امکان دارد از فایل های فلش , عکس های زیاد و تبلیغات بنری استفاده نکنید و در صورت لزوم , سعی کنید خیلی محدود از آنها استفاده نمایید .
ضمنا سعی کنید از animation های Css3 و تگ iframe در html , تاجایی که امکان دارد استفاده نکنید …
7 – عکس هایی با کیفیت استاندارد و نرمالیز :
عکس های استفاده شده در وب سایت را تا جایی که امکان دارد کم حجم کنید .
برای این کار کافیست در نرم افزار های گرافیکی مانند photoshop , در هنگام خروجی گرفتن , Quality عکس را برروی 70 و گزینه ی optimize را روشن نمایید .
ضمنا سعی کنید کمتر از پسوند png و gif استفاده نمایید و بیشتر از jpg استفاده نمایید .
8 – مشخص کردن width و height هر عکس در html :
حتما برای عکس ها , پهنا و ارتفاع را در کدنویسی html مشخص کنید . گرچه اگر این کار هم نکنید , عکس در همان سایز نمایش داده میشود . اما قرار دادن این دو خاصیت باعث افزایش لود عکس در وب سایت میشود .
به عنوان مثال :
2
3
4
5
6
9 – استفاده کم از پلاگین ها ( در سیستم های مدیریت محتوا ) :
سعی کنید در سیستم های مدیریت محتوا مثل وردپرس , جوملا و … , فقط از پلاگین های مهم و پرکاربرد استفاده نمایید و از نصب پلاگین های بی اهمیت و کم اهمیت اجتناب کنید .
10 – minify کردن فایل های css و js :
در فایل های css و js , این قضیه زیاد اتفاق می افتد که فضاهای زیادی بین سورس کد نویسی و برنامه نویسی ها آشکار میشود .
به چسباندن تمامی این فاصله ها به هم , که باعث کم کردن حجم سورس میشود , minify کردن میگویند .
به عنوان مثال :
نمونه عادی :
CSS
2
3
4
5
6
7
8
9
10
11
#test{
width:100px;
height:100px;
background-color:#069;
border:1px solid #666;
}
نمونه minify شده :
CSS
2
3
4
5
6
#test{width:100px;height:100px;background-color:#069;border:1px solid #666;}
سایت هایی مانند http://javascript-minifier.com برای جاوا اسکریپت و http://cssminifier.com برای Css میتوانند این کار را برای شما انجام دهند .
11 – استفاده از css اکسترنال :
شیوه هایی که میتوان در آن برای Css کدنویسی کرد , به سه قسمت External , Internal و inline تقسیم میشود .
سعی کنید کدنویسی css خود را External انتخاب کنید . یعنی فایلی با پسوند css در هاست خود ایجاد کنید و با تگ link در html , به آن لینک داده و در آنجا شروع به کدنویسی css بکنید .
12 – بهینه سازی دیتابیس :
در سایت هایی که دارای پایگاه داده هستند , مانند وردپرس , جوملا , دروپال و … هرازچند گاهی پایگاه داده را بهینه سازی کنید . برای این کار میتوانید به phpmyadmin هاست خود رفته و پس از انتخاب پایگاه داده ی خود , Table های خود را optimize و repair کنید .
ضمنا برای راحتی کار میتوانید از پلاگین های آماده که برای هر cms ساخته شده است استفاده نمایید . به عنوان مثال برای وردپرس میتوانید از پلاگین wp-optimize استفاده نمایید .
13 – استفاده از کدهای Jquery و جاوا در انتهای صفحه :
حتما سورس های نوشته شده ی جاوا و Jquery خود را در انتهای صفحات ( قبل از تگ و قرار دهید . این کار باعث میشود تا ابتدا کل سایت لود شود و سپس فایل های بعضا حجیم جاوا و Jquery لود شوند که طبیعتا باعث افزایش سرعت بارگذاری وب سایت میشود .
نکته : برای تست سرعت وب سایت خود میتوانید از سایت http://gtmetrix.com کمک بگیرید و وب سایت خود را آنالیز کنید.
نظر شما
-
خدمات طراحی سایت
-
ویترین اخبار
- راه اندازی سایت نشریه الکترونیک فرهنگ انقلاب اسلامی
- ملاک شناخت یک شرکت طراحی سایت قوی و توانا برای راه اندازی سایت اینترنتی شما چیست؟
- فرا رسیدن نوروز باستانی، یادآور شکوه ایران و یگانه یادگار جمشید جم بر همه ایرانیان پاک پندار، راست گفتار و نیک کردار خجسته باد
- راه اندازی وب سایت اینترنتی ماشین سازی درستگاههای تولید آرد
- راه اندازی وب سایت اینترنتی ملک آریا
- 7 مورد از قابلیتهای غیرمنتظره در iOS 7
- Apex در برابر Nova: مقایسه دو لانچر اندروید
- پاداش 15,000 دلاری برای شکستن قفل TouchID
- نیکون از AW1، اولین دوربین ضد آب با قابلیت تعویض لنز، پرده برداشت
- لومیا 1520 نوکیا و این بار مشخصات فنی، قیمت و زمان عرضه
- رکورد فروش موبایل در دست 8 مدل
- اپل در حال تست نسخه های 701 و702 و 71 سیستم عامل iOS؟
- علت دقیق سرعت پایین اینترنت را نمیدانیم
- بررسی اکسپریا Z1 سونی
- آموزش ساخت ایمیل یاهو پس از حذف ایران!
- سهام توییتر روانه بازار بورس میشود
- تبلیغات تازه مایکروسافت علیه آیفون شکست خورد
- مدیرعامل اینتل: تبلتهای زیر 100 دلاری در تعطیلات سال نوی میلادی از راه میرسند
- 27 شهریور iOS 7 برای آیفونها و آیپدها منتشر میشود
- کنسول بازی جدید سونی با قابلیت های جذاب و قیمت مناسب معرفی شد: Vita TV
- کمپانی دل برای چینی ها لب تاب لوحی می سازد!!!
- ایسوس فون پد 7 اینچی جدید را معرفی کرد: تبلت/تلفن هیبریدی با اسپیکر دو کاناله
- یاهو لوگوی جدید خود را رونمایی کرد
- ایسوس از لپتاپ لمسی و ارزان قیمت X102BA با پردازنده AMD پرده برداشت
- دوباره Moto X و این بار تصویر رندر شده تبلیغاتی آن [بروز شد]
- ولخرجیهای گوگل در حوزه دیتاسنتر ادامه دارد: 6-1 میلیارد دلار در سه ماهه دوم 2013
- تشکیل گروه جهانی« طراحی فناوریهای پوشیدنی» در موتورولا، با استناد به آگهی استخدام این شرکت
- آشنایی با سیستمفایلها و نحوه فرمتکردن درایوهای خارجی در مک
- سرفیس RT هنوز نمرده است
- دانلود کنید: اپلیکیشن VLC برای کاربران iOS منتشر شد
- بررسی همهجانبۀ شایعات پیرامون ساعتهای هوشمند
- تصاویر واضح از آیفون ارزان قیمت در کنار آیفون 5 فاش شد
- تبدیل تصاویر به فرمت ICO و استخراج آیکونها از فایلهای با فرمت EXE و DLL
- نسخه جدید اندروید در 2 مردادماه معرفی میشود
- ال جی از نام G2 برای پرچمدار بعدی خود استفاده میکند
- مشخصات فنی و بنچمارک گلکسی نوت 3 فاش شد
- تصویر و مشخصات جدید آیفون 5S به بیرون درز کرد: صفحه نمایش IGZO، دوربین 12 مگاپیکسل، پردازنده سریعتر و پردازنده گرافیکی چهار هستهای
- آیا میتوان پس از مرگ اطلاعات با ارزش را در اختیار خانواده، دوستان و آشنایان قرار داد؟
- تصاحب Omek توسط اینتل ممکن است باعث شود هرگز نیاز به لمس کامپیوتر خود نباشید
- نسخه جدید تحت وب نقشه گوگل در دسترس همگان قرار گرفت
- تلفن G2 ال جی مجهز به باتری 2540 میلی آمپر ساعتی است
- جزئیات بیشتر از دوربین 20 مگاپیکسلی هونامی: سنسوری بزرگ ولی نه به اندازهی لومیا 1020
- مرور تاریخچه دوربین در گوشیهای برجسته نوکیا
- دریافت استاندارد و رتبه 6 از 10 گوگل توسط سایت شرکت راوک نگار پارس
- بروزرسانی تعدادی از جدیدترین نمونه آثار طراحی سایت های هوشمند راوک نگار پارس
-
نماد اعتماد الکترونیکی
-
آمار بازدید
- کل (online):۳۴۹۹
- اعضاء (online):۱
- میهمان (online):۳۴۹۸
- بازدید امروز::۳۸۱۸
- بازدید دیروز::۱۴۷۹
- بازدید کل::۲۸۸۶۸۲۹۱
-
تبلیغات