info@papgroup.ir
(021)49 296

10 راهنمایی سریع با هدف بهینه سازی زمان بارگذاری وب سایت شما

1-بهینه سازی فرمت و سایز تصاویر

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

 بهینه سازی - پیام آوران پارسیان

ابزار هایی که کمک می کنند برای کاهش سایز تصاویر مثل:

  • JPEG & PNG Stripper
  • Smush.it
  • Online Image Optimizer
  • SuperGIF

برای بهینه سازی بارگذاری صفحه سایت ایده آل و استاندارد این است که از فرمت تصاویر JPG، PNG و GIF استفاده کنیم.

2-بهینه سازی وابستگی ها:

پلاگین ها:سایتی که پلاگین لازم دارد ممکن است سرعت لود صفحه را کم کند.تمامی پلاگین ها هم غیرضروری نیستند.برای مثال:پلاگین های اشتراک گذاری سوشیال ها که این روزها تمامی سایت ها باید داشته باشند.بنابراین همیشه چک کنید که پلاگین جایگزین بهتری هست یا نه مانند استفاده از سی ام اسی((CMS که پلاگین های ساخته شده در شبکه های اجتماعی دارد.

اسکریپت های ردیابی :با این که مهمه که ترافیک های سایت رو بدونید اما توصیه نمی شود که از چند نرم افزار ردیابی استفاده کنید چون باعث بالا رفتن زمان لود سایت می شود.اگر از یک سی ام اس مثل وردپرس استفاده می کنید باید یا از WP statsاستفاده کنید یا گوگل آنالایتیک(Google analytics) ،نه هر دو.

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

3-دوری از سی اس اس و جاوای

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

4-بهینه سازی کش(Optimize Caching)

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

بهینه سازی - پیام آوران پارسیان

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

مثل نمونه  ذیل:

Expires: Wed, 20 Apr 2015 20:00:00 GMT

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

ExpiresDefault “access plus 15 years”

 5-دوری از ارائه blocking scripts

اسکریپت ها جاوا را پایین صفحه قرار دهید یا از تگ آسینک(async) استفاده کنید تا آن ها را همزمان لود نکند.

*نکته: وقتی که زمان اجرای یک اسکریپت اهمیتی نداشته باشد ( اکثر اوقات ) بهتره از async استفاده شود . ولی زمانی که لازمه حتماً بعد از لود شدن کامل عناصر HTML برنامه اجرا شود باید از defer استفاده کنید

6-اجتناب از ریدایرکت ها((Redirect

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

7- G-Zip Encoding رو ست کنید

مثل فایل های داخل کامپیوترتان که برای کپی و انتقال آنها را زیپ(فشرده)می کنید فایل های سنگین سایتتان هم با چیزی به اسم G-Zip Compression فشرده می شوند.این پهنای باند و سرعت دانلود و سیو می کند و سرعت لود رو بالا می برد.شما باید سرور رو پیکربندی کنید تا دیتای فشرده رو به شما برگردونه.

 بهینه سازی - پیام آوران پارسیان

8-کاهش HTTP Requests

با استفاده از سی اس اس تعداد درخواست تصویرimage requests)) رو کم کنید ،مثلا تصویر پس زمینه (background-image) را در یک تصویر قرار دهید و با موقعیت پس زمینه (background-position) آنها را در جای خود قرار دهید.عکس های اینلاین رو هم کش کنید همچنین تمامی جاوا اسکریپت ها رو یک فایل کنید و سی اس اس ها رو هم همینطور و کش کنید.

9-کوچک سازی جاوا اسکریپت ها و سی اس اس ها

کوچک سازی پروسه ایست که در آن اسم متغیرها کوچک میشود مثلا به کم شدن سایز آن جاوا اسکریپت کمک می کند و سرعت لود را بهتر می کند.ما استفاده از  uglify.js رو پیشنهاد می کنیم.

10-کاهش سایز کوکی ها

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

 بهینه سازی - پیام آوران پارسیان