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

1 – بررسی و آنالیز سرعت حال حاضر وب سایت :

برای این کار میتوانید از سایت معروف http://gtmetrix.com استفاده نمایید و مشکلات خود را دریابید و حل نمایید .

2 – بهینه سازی تصاویر وب سایت :

بهترین پسوند برای تصاویر وب سایت jpg می باشد که بهتر است با استفاده از فتوشاپ در هنگام خروجی گرفتن عکس , کیفیت ( Quality ) آن را بر روی عدد 72 قرار دهید .

3 – استفاده از عکس هایی با سایز کوچک واقعی :

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

4 – استفاده از شیوه لینک دهی external برای css :

<link href="vms.css" rel="stylesheet">

5 –  استفاده از شیوه لینک دهی external برای جاوا اسکریپت و جی کوئری :

<script src="vms.js"></script>

6 – دیزاینی مینیمال و بسیار ساده داشته باشیم :

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

7 – از cache و gzip در وب سایت استفاده نماییم :

اگر متوجه نشده اید میتوانید به اینجا سر بزنید .

8 – استفاده از تعداد بالای پلاگین های جی کوئری و فریم ورک های دیگر را کم کنیم .

9 – از هاستینگ های سرعت بالا استفاده نماییم .

10 – درج خاصیت و پراپرتی width و height به تگ های img :

<img src="vms.jpg" width="500" height="300">

11 – استفاده از پلاگین lazy load جی کوئری برای لود نمودن تصاویر تا اسکرول صفحه .

پخش اختصاصی

آموزش : وحید مجیدی