11 راهکار مهم برای افزایش سرعت باز شدن صفحات سایت

- visibility ٣٧ mode_comment

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

افزایش سرعت باز شدن صفحات سایت سرعت باز شدن سایت به چندین عامل مهم بستگی دارد. یکی از آن‌ها محل سرور سایت شماست. اگر سایت شما در ایران باشد حتماً خیلی سریع‌تر از سایت‌هایی که در خارج از ایران هستند باز خواهد شد. در زیر به یازده مورد مهم برای افزایش سرعت سایت اشاره می‌کنم:

1- استفاده از CSS و ساختار div به جای جدول ها سایت‌هایی که با تکنولوژی CSS  و با استفاده از تقسیم کننده ها و لایه ها (تگ div) طراحی شده اند ، نسبت به سایت‌های با قالب جدولی (تگ های table) سریع‌تر باز می‌شوند. اگر در سایت خودتان از قالب جدولی استفاده می‌کنید حتماً آن را به قالب CSS و div تبدیل کنید.

2- مکان سرور هر چه سرور سایت شما دورتر از محل زندگی شما باشد سرعت بالا آمدن صفحات سایت بیشتر می‌شود. پس اگر سایت شما برای مخاطبان ایرانی طراحی شده حتماً سایت خودتان را در ایران هاست کنید. با انجام این کار شاهد افزایش 4 برابری سرعت باز شدن صفحات سایتتان خواهید بود. به غیر از این گوگل رتبه سایت شما را برای جستجو کنندگان ایرانی افزایش خواهد داد.

3- آیا سایت شما در سروری هاست شده که امکانات سخت افزاری ضعیفی دارد؟ معمولاً هاست های ارزان از سخت افزار ها و مراکز داده ارزان استفاده می‌کنند. و به همین دلیل ممکن است در سرور شما چندین وب سایت بیش از حد استاندارد هاست شده باشد. بنابراین سرعت باز شدن صفحات شما بسیار پایین خواهد بود. اگر بتوانید سرور اختصاصی تهیه کنید بسیار کار مفیدی است در غیر این صورت از یک هاست با سرعت بالا استفاده کنید. گوگل سایت‌هایی که کند هستند را جریمه می‌کند.

4- استفاده از Cache اگر می‌خواهید سایت شما به سرعت پلک زدن کاربر باز شود از این سیستم برای سایت خودتان استفاده نمایید. با این روش مرورگر شما در اولین بار که سایت باز می‌شود تمامی اطلاعات و تصاویر را ذخیره می‌کند و برای باز شدن صفحات بعد از ایت تصاویر و فایل‌های فراخوانی شده استفاده می‌کند. برای همین کاربر فقط در بار اولی که سایت را باز می‌کند صبر خواهد کرد.

5- پهنای باند سرور از هاستی استفاده کنید که مرکز داده آن از چندین منبع پهنای باند استفاده کند. معمولاً مراکز داده ارزان پهنای باند مناسبی ندارند و با افزایش ترافیک سایت‌های در اوج پیک سایت کند می‌شود و این موضوع باعث ناراحتی کاربران می‌شود.

6- فایل‌های CSS  سایت را کم حجم نگه دارید اگر فایل CSS سایت شما بیش از 75 کیلوبایت باشد می‌تواند یک خطر جدی برای سایت شما باشد. اگر از یک کد CSS فقط در یک سری از صفحات استفاده می‌شود آن ها را در فایل‌های جداگانه در همان صفحه باز کنید. سعی کنید همانند شکل زیر کد های CSS سایت خودتان را بهینه کنید.

:: تصویر کد بهینه نشده : تصویر کد بهینه شده :

7- آیا پایگاه داده سایت شما بهینه طراحی شده است؟ اگر ساختار پایگاه داده شما بهینه نباشد. می‌تواند مشکل جدی برای کند شدن سایت شما باشد. برای رفع این مشکل می‌توانید database optimization را در گوگل جستجو کنید. هزاران روش برای رفع این مشکل وجود دارد.

8- کم کردن فراخوانی اطلاعات سایت شما در سایت‌های دیگر ! به این معنی است که شما در سایت خودتان فایل و یا فیلمی دارید که اجازه می‌دهید سایت‌های دیگر با قرار دادن کد شما آن فایل را در سایت خودشان نمایش دهند. با انجام این کار کاربران آن سایت از منابع سایت شما استفاده می‌کنند و این باعث کند شدن سایت شما خواهد بود. در این شرایط بهتر است این اطلاعات را در یک هاست یا سرور دیگر قرار دهید که در این شرایط آسیبی به پهنای باند سایت شما وارد نشود.

9- از تکنولوژی gzip استفاده کنید . اگر این تکنولوژی را در سایت خودتان استفاده کنید هم سرعت سایت شما افزایش پیدا می‌کند و هم از همه مهم‌تر در مصرف پهنای باند سایت صرفه‌جوئی می‌کنید. با استفاده از این تکنولوژی در زمان فراخوانی سایت از سرور، ابتدا اطلاعات سایت در سرور فشرده شده و سپس در رایانه کاربر باز می‌شود. برای این کار کافی ست چند کد ساده را در برنامه PHP خودتان قرار دهید.

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

11- تصاویر سایت خودتان را بهینه کنید. تصاویر سایت خودتان را در برنامه Photoshop باز کنید و سعی کنید در عین کم نشدن کیفیت تصویر حجم آن را کم کنید. این کار تأثیر مستقیمی در باز شدن صفحات سایت شما دارد.

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

منبع : علی نورهانی (modiresite)

comment دیدگاه کاربران
hoseinmos

کارتون بیسته بیسته ممنون 😛

mpoor2002

ممنون عالی بود

erfan1

سلام
ببخشید من نمیدونم منظور از پهنای باند چی هست.لطفا اگه میشه برام یکم توضیح بدید.ممنون

لقمان آوند

خیلی ساده بگم , اینجا , پهنای باند میزان کلی دانلودها و آپلودهای ماهانه از یک سایت هست که معمولا در سرویس های هاستینگ فاکتور مهمیه . اگه پهنای باند تمام بشه دیگه چیزی نمی شه از سایت باز کرد یا اینکه دانلود کرد .

baran

کد هایی که برای تکنولوژی gzip نوشتید چیه؟

لقمان آوند

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

aziz

با سلام.واقعا آموزش عالی ای بود.
ولی اگه امکان داره در مورد « استفاده از Cache » بیشتر توضیح دهید.یا اگه امکانش هست یه آموزش جداگانه در همین زمینه بگزارید

لقمان آوند

سعی میشه در آینده نزدیک صحبت شه و توضیح داده شه .

aziz

راستی شیوه Cache قابل استفاده در وبلاگ می باشد

لقمان آوند

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

علیرض

سلام بزرگوار.سایتتون خیلی عالی هست و از همون روزهای اول من به این سایت سر میزدم و الان که حدود یکی دو ماهی میگذره خیلی به روز نشده و فعالیت چشمگیری نشده.مثلا قسمت آموزش ویدیوئی که فقط یه مورد بوده.امیدواریم که آموزش های دیگه هم به کار برده شود.

سیده زهرا اسلامی

سلام
من تازه کارم و برای اولین پروژه طراحی هتل رو مدل نظر دارم.اینجا کدهای خوبی دارین اما کافی نیست.می تونید به من یه بانک اطلاعاتی phpمعرفی کنید.ترجیحا از سایت های فارسی باشه..ممنون میشم

لقمان آوند

سلام
من منبع کامل و جامع فارسی نمی شناسم متاسفانه . منابع خارجی کاملتر و بهترن .

بدنسازی

سلام
11 راهکار ارائه شده بسیار عالی و خوب بودن من خودم پیاده کردم . ممنون 😳

منصورزاده

سلام
واقعا مطلب جالب و آموزنده ای بود.
با تشکر

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.
1 2