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 باز کنید و سعی کنید در عین کم نشدن کیفیت تصویر حجم آن را کم کنید. این کار تأثیر مستقیمی در باز شدن صفحات سایت شما دارد.

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

منبع : علی نورهانی

متخصص PHP
اگر دوست داری برنامه نویسی PHP رو حرفه ای یاد بگیری آیا می دانید بیش از ۸۰% وب سایت های موجود در ایران از جمله لیدرهای بازار وب (اسنپ، اسنپ فود، نت برگ، دیجیکالا، الوپیک و ... ) زبان برنامه نویسی PHP را به عنوان زبان اصلی برای پیاده سازی امکانات سمت سرور خود انتخاب کردند! متخصص PHP arrow_back
7Learn Experts
comment دیدگاه کاربران
meraj

سلام.
مطلب جالب و مفیدی بود.
ممنون

جعفر

سلام
ممنون خیلی مفید بود 😳

hype

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

لقمان آوند

سلام
اگه منظورت کش هست بیشتر در سایتهایی که هاست شخصی دارند استفاده میشه . مثلا سایتهای وردپرسی برای این کار پلاگین دارند .

hype

اره کش … فک میکردم تلفظش اون طوریه !

مسرور

از مطلب واقعاً مفید و زیبای تان سپاس

میشه بگین خدمات بلوهاست به چه سطح است؟
و همچنان در مورد کاربرد gzip اگر بیشتر روشنی بپردازید.
و یک مشکل شخصی در سایت ورد پرس خود دارم اینکه از پلاگین بنام polylang بخاطر دوزبانی اسفاده میکنم پلاگین خوبی است اما یک خصوصیت ندارد اینکه Continue reading → در هردو زبان (فارسی و انگلیسی) انگلیسی است.
ممنون

لقمان آوند

bluehost از معتبرترین هاستهای موجود در سطح دنیاست ولی متاسفانه به ایرانی ها بدلیل تحریم سرویس نمیده . مگه اینکه تغیر هویت بدید !
وقتی اطلاعات رو gzip (نوع خاصی از الگوریتم های فشرده سازی داده ها هست) می کنید حجمشون ممکنه چند برابر کم بشه و به همین دلیل سرعت لود شدن و پهنای باند مصرفی بهتر میشه . البته یه overhead کمی برای فشرده سازی و extract کردن داره که نسبت به مزیتی که داره ناچیزه .
در مورد پلاگین دقیقا نمی دونم چی بگم چون ساختار اون و ساختار و کد قالبت رو نمی دونم چطوره …

missprogrammer

به نظر شما برای قالب های سه ستونه هم بهتره از div به جای table استفاده بشه؟
یه سوال دیگه هم هست، فایل functions هم تاثیری برای سرعت بازشدن صفحات داره؟
راستی من وقتی اعتبارنامه می‌گیرم از یه سری چیزها شبیه ” و ارور میزنه 🙁 😯

لقمان آوند

سلام . در هر حال استفاده از div به جای table بهتر و سریعتره …
فایل functions خروجی نداره و تاثیر ان چنانی در سرعت نداره .

missprogrammer

راستی یه سایتی هست احتمالا تا حالا باهاش آشنا شدین که خیلی چیزهای جالبی داره. http://www.htmldrive.net 😛

لقمان آوند

آره سایت جالبیه …

zahra

سلام جناب مهندس
ممنون از پست مفیدتون
خیلی به دردم خورد
موفق باشید

pooya

خیلی ممنون :‌ )

latestblight

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

محمدسینا معراجیان

امروز مطلبی در این باره خواهیم داشت

latestblight

لطفا لینکشو ینویسید
خیلی ممنون

taimaz_222

سلام
این سایتی که در زیر آدرسشو واستون میذارم ، صفحه اولش که باز میشه دو مسیر مجزا با عناوین کم سرعت و پرسرعت گذاشته شده و سوال من اینه که طراحییش غیر از اینیه که شما اینجا بیان کردید؟ یا نه راهکاره دیگه هستش؟

ممنون.
http://www.pakshooairi.com/intro_select_fa.html

محمدسینا معراجیان

طراحی صفحه اولش منظورتونه؟

taimaz_222

منظورم بیشتر در مورد اون دو گزینه ی “نسخه کم سرعت ” و “نسخه پرسرعت”. می خوام بدونم قطعه کدی که برای نسخه پرسرعتش بکار رفته چیه ؟

متشکر

محمدسینا معراجیان

دوست عزیز احتمالا منظور تعداد عکس ها و حجم عکس های توی قالبشونه

hoseinmos

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

mpoor2002

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

erfan1

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

لقمان آوند

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

baran

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

لقمان آوند

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

aziz

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

لقمان آوند

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

aziz

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

لقمان آوند

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

علیرض

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

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

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

لقمان آوند

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

بدنسازی

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

منصورزاده

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

add_circle ارسال دیدگاه

خوشحال میشیم دیدگاه و یا تجربیات خودتون رو با ما در میون بذارید :