تهران، سعادت آباد، خیابان کوهستان،
مجتمع کوهستان، سرو ۴، طبقه ۳ واحد ۲
۲۲۱۳۴۴۹۶ ۰۲۱
۳۶۶۶۸۳۲۸ ۰۲۶
info[at]web-city.ir
support[at]web-city.ir

۸ راه برای افزایش سرعت لود وب سایت

۸ راه برای افزایش سرعت لود وب سایت

در مبحث طراحی سایت اکثر کاربران صبر و شکیبایی ندارند . حتی یک تاخیر کوچک هم می تواند به شدت بازدید و میزان رضایت مشتری را کاهش دهد و باعث نا رضایتی کاربران شود.

سرعت سایت در رتبه بندی موتورهای جستجو نیز تاثیر زیادی داشته و گوگل از سال ۲۰۱۰ سرعت سایت را یکی عوامل موثر در الگوریتم خود قرار داده است . بنابراین سرعت سایت یک مقوله مهم در طراحی سایت به شمار می رود .

مدت زمانی که طول می کشد تا مرورگر کد سایت شما را دانلود کند سرعت لود سایت شما را نشان می دهد . مرورگر تمام کد های html ، css، و اسکریپ هاو تصاویر شما را دانلود می کند .

برخی ها می گویند که صبر بسیار ویژگی خوبی است اما هیچ گاه این مورد در بارگیری صفحات یک وب سایت صدق نمی کند.

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

۱- مشخص کردن این که وب سایت به چه اندازه کند و کم سرعت می باشد

گوگل ابزارهای آنالیز سرعت وب سایت زیادی را در اختیار شما می گذارد که به مشخص کردن سرعت وب سایت تان بسیار کمک می کند، مانند GOOGLE WEBMASTER TOOL.

اگر وب سایت شما در بیشتر از ۷۵ درصد از بررسی های گوگل، پر سرعت شناخته شد، عالی است.

دیگر ابزار کنترل کننده سرعت سایت YAHOO Y SLOW می باشد که یک پلاگین رایگان برای کروم، فایرفاکس، سافری و اپرا به همراه دارد که سرعت وب سایت شما را از A تا F رده بندی می کند.

برخی دیگر از منابع بزرگ برای تجزیه و تحلیل سرعت سایت شما وجود دارد. گوگل PageSpeed و GTMetrix و … محبوب ترین سایت ها برای بررسی سرعت سایت هستند . این سایت ها سرعت سایت شما را آنالیز کرده و به شما برای بهبود سرعت سایتتان راهکارهایی ارائه می دهند .

نتایج آنالیز سایتتان ممکن است در ابتدا سخت به نظر بیاید اما حل کردن برخی از موارد آسان می باشد البته شما نباید انتظار داشته باشید که تمامی موارد ارائه شده را بتوانید حل کنید اما باید تمام موارد ممکن را بررسی و حل کنید تا به بهبود سرعت سایت و افزایش رضایت بازدید کنندگان بیانجامد.

۲- کاهش و یا حذف تصاویر بزرگ در طراحی وب سایت

تصاویر از رایج ترین موارد مصرف پهنای باند می باشد بنابراین باید به بهینه سازی آنها پرداخت . اولین راهی برای بهینه سازی تصاویر در طراحی سایت این است که آنها را در مقیاس مناسب به کار ببرید . بسیاری از مدیران سایت از تصاویر بزرگ استفاده کرده و سپس آنها را به وسیله کدهای css کوچک می کنند .در صورتی که مرورگر در این صورت نیز تصاویر در اندازه بزرگ را لود می کند. به عنوان مثال اگر شما یک تصویر ۱۰۰۰ × ۱۰۰۰ پیکسل را با کدهای css به ۱۰ × ۱۰ پیکسل کوچک کنید مرورگر ۱۰ برابر بیش از حد بارگذاری می کند .

۱. تصاویر را کوچک کنید: بین ۵۰۰ تا ۸۰۰ پیکسل مناسب است. این امر نه تنها برای تصاویر و عکس ها باید به کار رود، بلکه برای گرافیک های پس زمینه سایت نیز باید رعایت شود. وردپرس می تواند به طور اتوماتیک وضوح تصاویر و اندازه آن ها را برای وب سایت ها تنطیم نماید.

۲. خالی کردن تصاویر از سایر محتواها— محتواهایی که توسط دوربین ها در هنگام عکس برداری ممکن است روی تصویر حک شود. این اطلاعات بخشی از برنامه نویسی تصویر است که به آن اضافه می شود.

کاربران وردپرس می توانند پلاگینی به نام WP SMUSH.IT را نیز امتحان کنند که به سبک کردن ۳۰ درصد از اندازه تصویر کمک می کند و داده های بزرگ و سنگین را حذف می نماید.

۳. به جای قرار دادن تصاویر بزرگ و فراوان، می توانید یک اسلاید را بسازید که این تصاویر را در اندازه کوچک نمایان می کند. انواع مختلفی از برنامه های اسلایدی وجود دارد که هم به صورت آنلاین و هم به صورت آفلاین قابل استفاده می باشند.

چندین ابزار آنلاین رایگان برای فشرده سازی تصویر وجود دارد مانند سایت tinypng.com، که در این سایت می توانید اندازه تصویر خود را به طور چشمگیری بدون از دست دادن کیفیت کاهش دهید .

همچنین بهتر است ابعاد تصاویر خود را در کدهای خود وارد کنید تا مرورگر قبل از بارگذاری تصاویر اندازه لازم را برای آنها در نظر بگیرد.

۳- کاهش تعداد پلاگین ها و جاوا اسکریپت ها

در کنار نمایش متن و تصویر، وب سایت شما ممکن است دارای موارد دیگری باشد که شامل جاوا اسکریپت و پلاگین هایی شود. فرم های موجود در وب سایت، دکمه ها، فیدهای تویتر، نظرات، صفحات و تب های جستجویابی و حتی GOOGLE ANALYTICS می توانند به شما بگویند که چه کسانی سایت شما را بازدید می کنند و این تعداد بازدید در کجا بیشتر انجام می پذیرد و تعداد دفعات بازدید ها به چه اندازه است.

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

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

۴- کاهش انیمیشن های فلشی

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

اگر وب سایت تان دارای انیمیشن های فلشی باشد، اعتماد زیادی را برای کاربران نسبت به وب سایت و تجارت شما فراهم نمی کنند. ابزاری به نام ADOBE WALLABY وجود دارد که این فلش ها را به HTML۵ تبدیل می کند. این مورد نیازی به پردازش زیادی ندارد و عمر باتری را کمتر از پلاگین انیمیشن های فلشی کاهش می کند.

۵- Cache کردن وب سایت

چرا بازدید کنندگان سایت شما باید مطالب قبلی سایت شما را در هر بار ورود به سایت مجددا دانلود کنند . فعال کردن ذخیره مرورگر به شما اجازه می دهد برخی از داده ها بر روی کامپیوتر مهمان را به طور موقت ذخیره کنید تا نیازی به صبر کردن برای بارگذاری سایت در هر بار ورود نباشد . مدت زمان ذخیره داده ها بستگی به پیکربندی مرورگر و تنظیمات کش سرور شما دارد .

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

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

«مرورگر شما برای اینکه متوجه شود که آیا باید برای لود منبعی، درخواست دوباره بدهد و یا به کش خود مراجعه کند، از Expires header‌ ها کمک می‌گیرد. وقتی شما برای منبعی، مثل تصاویر، Expires header در نظر می‌گیرید، مرورگر شما این منابع را در کش خود ذخیره خواهد ساخت. کاربران در مراجعه دوباره به سایت، با سرعت بیشتری مواجه خواهند شد، زیرا مرورگر تمامی تصاویر را از قبل در حافظه خود داشته است.»

۶- قرار دادن کدهای اسکریپت در پایین صفحه

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

۷- بهینه سازی CSS

قبل از اینکه کاربر سایت شما را ببیند کد های css شما دانلود می شود . به همین دلیل کاربر باید مدت زمانی منتظر بماند تا کدها دانلود شوند . بهینه سازی CSS باعث می شود فایل های شما سریعتر دانلود شود، و بازدید کنندگانتان سریعتر به صفحات شما دسترسی پیدا کنند.

بهتر است ابتدا بررسی کنید که آیا شما از تمام کدهای css خود استفاده می کنید اگر نه باید css اضافه را پاک کنید بعد از این مرحله فایل های css خود را بهینه کنید و فضاهای اضافی در بین آنها را حذف کنید.

اگر شما از سیستم های مدیریت محتوا استفاده کنید می توانید به راحتی فایل های css خود را کاهش دهید . اما اگر از cms ها استفاده نمی کنید می توانید از ابزار هایی که در این زمینه وجود دارد میتوانید استفاده کنید از جمله سایت csscompressor.com فشرده کردن فایل های css می تواند تاثیر زیادی در افزایش سرعت لود سایتتان داشته باشد .

۸- فشرده سازی

فعال کردن فشرده سازی مانند قرار دادن وب سایت خود در یک فایل zip می باشد . فشرده سازی به طور چشمگیری می تواند اندازه صفحه را کاهش دهد و در نتیجه موجب افزایش سرعت آن شود.با فشرده سازی می توانید حجم فایل های HTML و CSS خود را ۵۰ تا ۷۰ درصد کاهش دهید .

نتیجه گیری :
توجه داشته باشید همان طور که ذکر شد تاخیری هر چند کوچک می تواند موجب نارضایتی کاربران و ترک سایتتان شود ، به همین سبب باید به سرعت سایت توجه ویژه ای نمود .

اشتراک

مجید احدی

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

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

1 × پنج =