11
ران ی ا ت س ها ت ی ر سا ی ع ی ر س اری ارگذ رای ب ی ی ی ها ه ی ص و ت

توصیه هایی برای بارگذاری سریع تر سایت

Embed Size (px)

Citation preview

Page 1: توصیه هایی برای بارگذاری سریع تر سایت

هاست ایران

سایت تر سریع بارگذاری برای هایی توصیه

Page 2: توصیه هایی برای بارگذاری سریع تر سایت

که اینجاست حیاتی نکته هستید آن برای ثاب�ت مشتریان و جدی�د بازدیدکنندگان دنبال ب�ه و اس�ت شده رونمای�ی شما سایت باالخره هزینه و زمان صرف از پسسایت به ورود تجربه اولین در تا دارید فرصت ثانیه چند می‌شوند فقط سپری سرعت به ثانیه‌ها که کنید تصور را ای لحظه کنید؛ جلب را بازدیدکنندگان نظر تان

یک س�راغ ب�ه ی�ا و می‌بندد را خود مرورگ�ر پنجره و می‌گوی�د ناس�زایی زیرل�ب ً احتماال نمی‌بین�د، را شم�ا س�ایت وب از چیزی هنوز بی‌خ�بر ج�ا هم�ه از مخاط�ب و ! . ثابت بازدیدکننده تنها شما ً قطعا ، شود داده نمایش دیر اگر باشد، جذاب و زیبا شما سایت هم چقدر هر بودید؟ این از بدتری خبر منتظر می‌رود دیگر سایت

سایت .وب بود خواهید تان

است؟ مهم سایت یک بارگذاری سرعت چرا

از یکی سایت، سریع‌تر نمایش شک سئو بی مهم کاربری )فاکتورهای تجربه آوردن فراهم برای راهی همچنین . UXو قرار( است بازدیدکنندگان برای دلچسب! ببینند ثانیه از کسری در را سایتتان و باشند داشته پرسرعت اینترنت شما مثل همه نیست

. ک�ه آنجای�ی از آ�ن، بر عالوه دارند شم�ا س�ایت وب س�رعت س�ازی بهین�ه در زیادی تأثی�ر می‌شود بیان ادام�ه در ک�ه سیستم‌های WordPressاقدامات�ی از یک�ی

بازار از زیادی س�هم ک�ه می‌آی�د شما ب�ه دنیا در محبوب محتوای مخصوص CMSمدیری�ت نیز ای ویژ�ه راهکارهای و توص�یه‌ها اس�ت، داده اختصاص خود ب�ه را ه�ا. CMSای�ن پالگین اس�ت ذک�ر ب�ه الزم البت�ه شد خواه�د معروف بیان تنه�ا ان�د، شده معرف�ی بخ�ش ه�ر برای ک�ه از ترینهای�ی پیش اس�ت الزم و هس�تند وب دنیای های

. باشد نداشته تداخل شما سایت وب با تا نمایید تحقیق آنها مورد در حتما نصب،

.

Page 3: توصیه هایی برای بارگذاری سریع تر سایت

صفر - بررسی سرعت وب سایتگام

‌‌و‌‌‌webpagetestو‌yslowو‌‌‌‌pingdomو‌gtmetrixاما‌پیش‌از‌هر‌اقدامی،‌باید‌درباره‌وضعیت‌سرعت‌وب‌سایتتان‌اطالعاتی‌کسب‌کنید،‌سایت‌های‌developers.google.گزارش‌های‌نسبتاً‌جامعی‌در‌اختیار‌شما‌قرار‌می‌دهند‌‌

Page 4: توصیه هایی برای بارگذاری سریع تر سایت

خوب هاست یک انتخاب

یک انتخاب کنید، توجه آن به باید مجازی فضای به ورود برای که کارهایی اولین از . هاستیکی شرکت یک از را خود سایت وب میزبانی فضای است خوب . زمان تا کنید استفاده ایران داخل سرورهای از می‌کنیم توصیه می‌دهند تشکیل ایرانی کاربران ً اکثرا را شما سایت هدف جامعه اگر کنید تهیه سابقه با و معتبر . در مخاطبان از عظیمی گستره با اگر همچنین ببینند را شما سایت سریع‌تر ایران داخل کاربران نتیجه، در و برسد حداقل به شما سایت به درخواست ارسال

از استفاده دارید، پربازدید سایت یک ً اصطالحا یا هستید مجازی)VVV( ارتباط اختصاصی یا VPSسرورهای از سرورهای بازدید، اوج ساعات در تا می‌شود پیشنهاد. نشوید خارج دسترس

محتوا ) تحویل شبکه های از (CDNاستفاده

کلمات CDNفناوری مخفف . Content delivery networkکه و سایت ترافیک کنترل برای اینترنتی، بزرگ شرکت‌های است محتوا توزیع شبکه معنای به و . به پاسخ می‌کنند استفاده جهان سراسر در خود اطالعات توزیع و سازی ذخیره برای جهان مختلف نقاط در سرور چندین از خود اینترنتی سرویس‌های

می سایت سریعتر نمایش و بارگذاری سرعت افزایش باعث امر این که شود داده پاسخ سرور نزدیک‌ترین از کاربران در. درخواست‌های همیشه امنیت، شوددیگر مزایای از سرور چندین روی بر فشار صحیح پخش بودن، .CDNدسترس است

خرید هاست و ثبت دامنه در هاست ایران

Page 5: توصیه هایی برای بارگذاری سریع تر سایت

سازی g-zipفعال

g-zip . الگوریتم با را خود پاسخ‌های سایت سرور اگر است فایل سازی فشرده الگوریتم یک حقیقت سایت gzip compressدر نهایی حجم کند سازی فشرده. می‌شود نیز مصرفی باند پهنای کاهش موجب همچنین می‌آید، در نمایش به کمتری زمان در سایت محتوای و کرد خواهد پیدا کاهش

فایل قابلیت، این کردن فعال :htaccessبرای کنید اضافه آن به کش فعالسازی برای را زیر دستورات و کرده باز را دارد وجود شما هاست ریشه در که را

: های پالگین وردپرس Check برای and Enable GZIP compressionو‌‌‌GZip‌Ninja‌Speed‌Compressionاز‌پالگین‌های‌پرطرفدار‌برای‌فعال‌‌‌‌هستند.g-zipسازی‌

Page 6: توصیه هایی برای بارگذاری سریع تر سایت

کردن Cacheفعال

بار هر با که طوری به یابد افزایش شما سایت سرعت می‌شود باعث کش های پالگین از صورت Loadاستفاده به شما سایت محتوای کاربر توسط شما سایت. ندارد مجدد بارگذاری به نیازی ثابت محتوای و عناصر و می‌شود بارگذاری شده کش

: های پالگین وردپرس W٣ برای Total Cacheو‌‌‌WP‌Super‌Cacheاز‌پالگین‌های‌پرطرفدار‌برای‌کَش‌کردن‌یک‌سایت‌وردپرسی‌هستند.‌همچنین‌به‌‌‌‌یا‌کش‌مرورگر‌می‌توانید‌با‌ذخیره‌کردن‌فایل‌ها‌بر‌روی‌مرورگر‌کاربران،‌تمامی‌فایل‌های‌موجود‌در‌سایت‌اعم‌از‌تصاویر،‌browser cachingکمک‌قابلیت‌

فایل‌های‌جاوا‌اسکریپت‌و‌فایل‌های‌استایل،‌طبق‌زمانی‌که‌شما‌برای‌آن‌مشخص‌می‌کنید،‌ذخیره‌نمایید‌تا‌در‌بازدید‌بعدی‌کاربر،‌با‌سرعت‌بیشتری‌آن‌صفحه‌را‌مشاهده‌نماید.

‌را‌که‌در‌ریشه‌هاست‌شما‌وجود‌دارد‌را‌باز‌کرده‌و‌دستورات‌زیر‌را‌برای‌فعالسازی‌کش‌به‌آن‌htaccessبرای‌فعال‌کردن‌این‌قابلیت‌در‌وردپرس،‌فایل‌اضافه‌کنید:

Page 7: توصیه هایی برای بارگذاری سریع تر سایت

فایل‌های سازی jsو cssفشرده

فایل‌های حج�م بدهن�د، تذک�ر آ�ن مورد در س�ایت، وب بارگذاری س�رعت بررس�ی س�ایت‌های اس�ت ممک�ن ک�ه آیتم‌های�ی از . JSو CSSیک�ی سازی فشرده ب�ا اس�ت . نظیر آنالینی ابزارهای بردارید سایتتان وب سریع‌تر بارگذاری در دیگر گام�ی و دهید کاهش را فایل‌ها این حجم می‌توانید jscompressو csscompressorآن‌ه�ا

فایل‌های دادن قرار ب�ا ک�ه دارن�د . JSو CSSوجود اشکال از خالی همیش�ه ابزاره�ا ای�ن ک�ه کنی�د دق�ت می‌دهند انجام را س�ازی فشرده کار آن‌ه�ا، در خود س�ایت . ً حتما و کنید استفاده آن‌ه�ا از احتیاط با پس باشید سایت از بخش‌هایی عملکرد و ظاهر خوردن بهم شاه�د فایل‌ه�ا، سازی فشرده از پس است ممک�ن و نیستند

. بگیرید خود سایت وب و فایل‌ها از پشتیبان نسخه یک اقدامی هر از پیش

: پالگین وردپرس اس Better WordPress Minifyو WP Super Minifyو WP Minify Fixهای برای سی فایل‌های س�ازی فشرده برای پرطرفدار های پالگی�ن از. هستند اسکریپت جاوا و اس

ایران هاست ی توسعه و طراحی واحد

Page 8: توصیه هایی برای بارگذاری سریع تر سایت

تصاویر از درست استفاده و سازی بهینه

. سایت کل�ی حج�م گیری چش�م ح�د ت�ا می‌توانی�د خود س�ایت تص�اویر س�ازی بهینه ب�ا دارند س�ایت بارگذاری س�رعت در زیادی تأثیر که اس�ت مواردی از تصاویر حجم . برای نیست نیازی ک�ه کرده‌ان�د پیشرف�ت حدی ب�ه وب طراح�ی تکنولوژی‌های امروزه ببینند س�ریع‌تر شما س�ایت می‌توانن�د کاربران نتیجه در و دهید کاه�ش را خود

فرمت‌های با تصاویر از ظاهری و شکل ه�ر مثل PNGو JPGنمای�ش برداری فرمت‌های بلک�ه کنید، کدهای SVGاستفاده ،CSS بسیاری تصویری، فونت‌های و. می‌کنند برآورده را شما سایت بصری نیازهای از

بندانگشت�ی تص�اویر جای ب�ه بزرگ تص�اویر از . Thumbnailاس�تفاده یک جای ب�ه اگ�ر می‌شوند آ�ن مرتک�ب وب طراحان از برخ�ی ک�ه اس�ت اشتباه�ی از دیگ�ر یک�یانگشتی بند تصویر ۱۰۰در ۱۰۰تصویر یک سرعت ۵۰۰در ۵۰۰پیکسل بر که اید کرده استفاده باالتر حجم با تصویر یک از ً عمال کنید، استفاده بزرگ‌تر یا پیکسل

. ببرید بهره مناسب اندازه با تصاویر از خود، سایت از قسمت هر در رو این از گذاشت؛ خواهد تأثیر شما سایت بارگذاری

از اس�تفاده برس�انید، حداق�ل ب�ه تصاویر فراخوان�ی برای را س�رور ب�ه خواس�ت‌ها در تعداد کنی�د س�عی . Spritesهمچنین است اص�ولی و مناس�ب راهکارهای از یک�یارسال جای به مثال نمایش ۵برای برای سرور به این ۵درخواست می‌توانید از ۵آیکون استفاده با و دهید قرار تصویر یک قالب در همگی را فقط cssآیکون ،

. . سایت‌های می‌شود س�ایت بان�د پهنای در جوی�ی ص�رفه موج�ب بارگذاری، س�رعت افزای�ش ضم�ن کار ای�ن نمایید فراخوان�ی را تص�ویر ی�ک و spritecowآ�نspritegen یک شما برای که هستند آنالینی ابزارهای .Spriteاز می‌سازند

Page 9: توصیه هایی برای بارگذاری سریع تر سایت

قابلیت از گیری بهره ب�ا شون�د؛ داده نمای�ش و بارگذاری ابتدا در س�ایت تص�اویر ک�ل ک�ه نیس�ت آ�ن ب�ه نیازی این‌ه�ا بر به LazyLoadعالوه کاربر مرورگ�ر ک�ه زمان�ی. می‌شود بیشتر سایت نمایش سرعت نتیجه در می‌شود ظاهر عکس آن دارد، قرار عکس آن که می‌رسد محلی

“ ( Gravatarتص�اویر ( توصیه” می‌آورن�د پایی�ن را ص�فحه بارگذاری س�رعت حدی ت�ا می‌شود دیده نظرات قس�مت در افراد نام کنار در کوچک�ی تص�ویر همان. کنید استفاده فرض پیش تصویر از یا و دهید نمایش شده کش صورت به را آن‌ها که می‌شود

: های پالگی�ن وردپرس WP برای Smush و EWWW Image Optimizer و می‌آید شمار ب�ه تص�اویر حج�م کاه�ش و س�ازی بهین�ه برای پرطرفدار های پالگی�ن ازبصورت تصاویر بارگذاری ‌‌WPمحبوب‌هستند.‌برای‌تغیی�ر‌و‌مدیری�ت‌تص�اویر‌گرآواتار‌دو‌پالگی�ن‌‌BJ‌Lazy‌Loadو‌‌Lazy‌Loadپالگین‌های‌‌LazyLoadبرای

User‌Avatarو‌‌‌Avatar‌Manager.بیشترین‌کاربرد‌را‌دارند‌‌

ایران هاست ی توسعه و طراحی واحد

Page 10: توصیه هایی برای بارگذاری سریع تر سایت

مختلف دستگاه های برای سازی بهینه

پسند ) موبایل . Mobile Friendlyطراحی در( خود سایت سازی بهینه و طراحی با است اخیر سال‌های در وب‌سایت بهینه‌سازی و طراحی در مهم اصول از یکی ،تجریه شخصی، رایانه‌های و تبلت و موبایل نظیر گوناگون زمان دستگاه‌های کوتاه‌ترین در دارند دوست آن‌ها کنید؛ فراهم خود کاربران برای را خوشایند ای

. از برخی تبلت، یا موبایل در سایتتان وب زیباتر و سریع‌تر نمایش برای می‌توانید ببینند خود تبلت یا گوشی در مناسب و زیبا شیوه به را شما سایت وب ممکن،قالب‌های از یا و نمایید حذف موبایل مخصوص استایل در ضروری غیر عناصر و .ریسپانسیوجزییات کنید استفاده گرا واکنش یا

جداول سازی ‌)ویژه‌وردپرس(بهینه

‌‌MySQLاستفاده‌می‌کند‌که‌شامل‌تمامی‌اطالعات‌سایت،‌از‌نام‌گرفته‌تا‌تمامی‌نوشته‌ها‌است.‌دیتابیس‌MySQLهر‌سیستم‌وردپرسی‌یک‌پایگاه‌داده‌تمامی‌اطالعات‌را‌در‌جداول‌جداگانه‌ای‌ذخیره‌سازماندهی‌می‌کند.‌اگر‌تغییری‌در‌قالب‌یا‌محتوای‌سایت‌ایجاد‌یا‌افزونه‌ای‌حذف‌شود،‌با‌وجود‌اینکه‌دیگر‌اثر‌آن‌افزونه‌یا‌قالب‌در‌سایت‌دیده‌نمی‌شود،‌اما‌ممکن‌است‌اطالعاتی‌از‌آن‌ها‌هنوز‌در‌سایر‌جداول‌باقی‌بماند.‌به‌مرور‌این‌اطالعات‌قدیمی‌باعث‌پر‌شدن‌فضای‌دیتابیس‌می‌شود‌و‌از‌سرعت‌آن‌می‌کاهد،‌در‌نتیجه‌درخواست‌ها‌با‌سرعت‌کمتری‌پردازش‌می‌شوند‌و‌سرعت‌بارگذاری‌کاهش‌

‌از‌پالگین‌های‌پرطرفدار‌برای‌بهینه‌سازی‌دیتابیس‌وردپرس‌محسوب‌می‌شوند.‌WP-DBManagerو‌WP-Optimizeمی‌یابد.‌پالگین‌های‌