موبایل فرندلی (Mobile friendly)

مفهوم موبایل فرندلی (Mobile friendly) از آن جایی می آید که موبایل ها (دستگاه های همراه مانند تلفن هوشمند و تبلت) در حال تغییر دنیا هستند. امروزه در برخیاز کشورها تعداد موبایل ها بیشتر از تعداد کامپیوترهای شخصی مانند دسکتاپ و لپ تاپ ها است. طبق آمار رسمی گوگل تعداد جستجو های انجام شده توسط موبایل به طور میانگین در سرتاسر دنیا در سال ۲۰۱۵ بیش از ۵۱ درصد بود و این نشان دهنده این موضوع بود که تمایل کاربران به جستجوو گشت و گذار در اینترنت توسط دستگاه های همراه مانند تلفن های هوشمند به دلایلی مانندپیشرفت تکنولوژی، در دسترس بودن و قدرت خرید بالای تلفن های هوشمند و گسترش شبکه های اجتماعی بیشتر شده است و بنابراین طراحی سایت (طراحی سایت فروشگاهی، طراحی سایت شرکتی) در نظر گرفتن استانداردهای طراحی سایت برای موبایل بسیار حائز اهمیت است.

سایت های موبایل فرندلی

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

1- Responsive Web Design

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

Dynamic Serving -2

در طراحی به صورت URL ،dynamic Serving صفحات برای همه انواع دستگاه ها یکسان است ولیکد HTML با توجه به عرض دستگاه یا User-agent متفاوت است.

Separate URLs-۳

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

آدرس URL یکسان	کد HTML یکسان	نوع سایت
*	*	Responsive Web Design
*	–	Dynamic Serving
–	–	Separate URLS

از نظر SEO تفاوت خاصی بین سه نوع تکنیک طراحی سایت موبایل فرندلی مذکور نیست ولی گوگل مورد Responsive Web Design را به دلیل خطای کمتر برنامه نویسی و مدیریت بهتر سایت به طراحان و دارندگان سایت پیشنهاد می کند و نکات زیر را در مورد سایت موبایل فرندلی توصیه می کند :

• مطمئن باشید که خزنده گوگل به همه منابع سایت مانند عکس، CSS ،HTML و JS علاوه بر user-agent دسکتاپ با user-agent موبایل نیز دسترسی کامل دارد.
• از ویدیوهایی استفاده کنید که با موبایل هم قابل پخش شدن باشد.
• از ریدایرکت اشتباه اجتناب کنید. اگر از تکنیک separate URLs استفاده می کنید، وب سرور را به نحوی تنظیم کنید که اگر کاربری با موبایل قصد ورود به یک صفحه با آدرس دسکتاپ را داشت، حتما به معادل همان صفحه در موبایل ریدایرکت کنید.

• در صورتی که کاربران موبایل را به آدرس URL مخصوص موبایل ریدایرکت می کنید، مطمئن باشید که همه دستگاه های موبایل مانند Androidو iOS و Windows phone ریدایرکت می شوند.

اطلاعات ساختار یافته یا Structured Data

اطلاعات ساختار یافته یا Structured Data اطلاعاتی هستند که به موتورهای جستجو کمک می کنند که دید بهتری نسبت به ساخت سایت یا یک ایمیل داشته باشند. تاکنون استانداردهای بسیاری برای استراکچرد دیتا ایجاد شده است که توسط آنها می توانیم اطلاعاتی در مورد یک فیلم، مقاله، کتاب،دستورالعمل طبخ غذا و صدها مورد دیگر را به موتورهای جستجو بدهیم.

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

تاثیر اطلاعات ساختار یافته بر سئو

اگر بخواهیم به طور خلاصه بگوییم که اطلاعات ساختار یافته بر SEO تاثیر دارد یا خیر، پاسخ بلی است ولی طبق اعلام رسمی گوگل، استفاده از Structured data تاثیری در محاسبات الگوریتم های گوگل برای محاسبه رنکینگ ندارند. ولی به دلیل شیوه نمایش متفاوت صفحات دارای اطلاعات ساختار یافته در صفحه نتایج گوگل، احتمال کلیک کاربران روی آن نتایج بالاتر از نتایج دیگر است و همین امر منجر به بالا رفتن CTR یا نسبت کلیک به نمایش در صفحه نتایج گوگل می شود و نهایتا بهره گیریاز اطلاعات ساختار یافته اثر مثبتی از دیدگاه سئو خواهد داشت.

در نتیجه استفاده از Structured data در سئوی حرفه ای بسیار حائز اهمیت است و یک سئوکار مجرب باید با انواع استانداردهای اطلاعات ساختار یافتهآشنا باشد و بتواند به بهترین نحو از آنها استفاده کند. ضمنا استفاده غیر اصولی از اطلاعات ساختار یافته که به قصد فریب الگوریتم های موتور جستجو به سایت اضافه شده باشد ممکن است به جریمه گوگل منجر شود.

نحوه نمایش نتایج دارای اطلاعات ساختار یافته در SERP

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

نمایش تعداد ریویوکنندگان و میانگین امتیاز داده شده توسط آنان

نمایش دستورالعمل طبخ غذا

نمایش مشخصات فنی یک محصول

فرمت های پیاده سازی اطلاعات ساختار یافته

روشهای متعددی برای پیاده سازی Structured data در سایت و یا ایمیل از قبیل RDFa و Microdata و JSON-LD وجود دارند. در حال حاضر همه موتورهای جستجوی بزرگ قابلیت فهم هر سه فرمت را دارند ولی از سال 2016 گوگل توصیه میکند که از JSON-LD برای پیاده سازی اطلاعات ساختار یافته در طراحی سایت ها (طراحی سایت فروشگاهی، طراحی سایت شرکتی، قیمت طراحی سایت) استفاده کنند و این بدان معنی است که ممکن است در آینده روشن  RDF-a  و Microdata دیگر پشتیبانی نشود.

منبع استانداردهای اطلاعات ساختار یافته

سایت Schema.org در سال ۲۰۱۱ توسط موتورهای جستجوی بزرگ گوگل، بینگ، یاهو و پاندکس ایجاد شده و همواره توسعه داده می شود و استانداردهای اطلاعات ساختار یافته بسیاری تا کنون برای محصول، محل، رویداد، شخص، مقاله، کتاب، شرکت و موارد متعدد دیگر توسط این شرکتها وضع شده است که همگی به درک موتورهای جستجو از سایت یا ایمیل کمک خواهند کرد. جهت آشنایی با انواع اطلاعات مراجعه ساختار یافته و رویت نمونه های عملی مختلف به سایت https://schema.org مراجعه نمایید.

پیاده سازی اطلاعات ساختار یافته

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

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

/https://technicalseo.com/seo-tools/schema-markup-generator

ضمنا می توانید با استفاده از نمونه های متعددی که در سایت https://schema.orgوجود دارد نیز استفاده کرده و اطلاعات ساختار یافته مورد نیازتان را به صورت دستی ایجاد کنید.

Rich result و Bounce rate یک سایت

Rich result و Bounce rate یک سایت از جمله اطلاعات مهمی هستند که به بهینه سازی هرچه بهتر سایت ما کمک بسیاری می کند. در ادامه هرکدام از موارد را توضیح می دهیم.

گوگل تغییراتی را در نحوه نمایش نتایج جستجو تحت عنوان rich result از اوایل سال ۲۰۱۶ در آمریکا و از اوایل سال ۲۰۱۷ در بیشتر کشورها انجام داد. نتایجی که به صورت rich result هستند، در واقع نتایجی هستند که حاوی اطلاعاتی مانند تعداد رای بازدید کنندگان، مقدار کالری غذا، تاریخ شروع رویداد، فیلم ها، کتاب ها، شبکه های اجتماعی، اطلاعات شرکت و موارد مشابه دیگری هستند و گوگل این اطلاعات را معمولا از طریق structured data کسب می کند.

با توجه به متفاوت بودن نحوه نمایش rich result نسبت به نتایج عادی در SERP، کلیک بیشتری توسط کاربران بر روی آنها می شود و در نتیجه CTR بالاتر می رود و بدین جهت، استفاده از اطلاعات و بسیار با اهمیت می باشد و می تواند به صورت غیر مستقیم باعث بهبود موقعیت سایت در نتایج موتورهای جستجو شود.

انواع rich result

گوگل نتایج جستجو را هم در موبایل و هم در دسکتاپ می تواند به صورت rich result نمایش دهد. در حال حاضر چهار نوع rich result در صفحه نتایج جستجو نمایش داده می شوند که در ادامه به توضیح آنها پرداخته شده است.

Rich snippet -۱

Rich snion ها اطلاعات تکمیلی هستند که علاوه بر اسنیپت، در نتایج جستجو نمایش داده می شوند.

Rich Card -2

rich card ها نتایجی هستند که در SERP به صورت کارت نمایش داده می شوند.

Knowledge Graph-3

Knowledge Graph یا Knowledge Panel باکس اطلاعاتی است که در کنار نتایج جستجو در SERP نمایش داده می شود.

4-Featured snippets

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

نرخ پرش (bounce rate)

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

واحد اندازه گیری نرخ bounce به صورت درصد است. به عنوان نمونه اگر از یک سایت در مدت زمان شخصی یکصد بازدید انجام شود و کاربران در بیست عدد از بازدیدها فقط یک صفحه را دیده باشند، آنگاه سایت مورد نظر در همان مدت زمان مشخص دارای ۲۰ درصد bounce rate خواهد بود.

آیا bounce rate خطرناک است؟

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

معمولا نرخ bounce نرمال در سایت های غیر از فلش در حدود ۴۰ تا ۵۵ درصد است و در صورتیکه این عدد از ۷۰ درصد عبور کرد باید سایت از نظر مشکلات احتمالی بررسی گردد. البته همانطور که اشاره شد طراحی سایت های گوناگون با توجه به نوع کاربریشان نیز می توانند bounce rate های گوناگونی داشته باشند و داشتن نرخ پرش بالا الزاما جای نگرانی ندارد ولی باید بررسی گردد.

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

دلایل رایج نرخ پرش بالا

موارد زیادی هستند که منجر به bounce rate بالا می شوند که در ادامه به پنج عدد از علت های رایج آن اشاره شده است:

١- سرعت کم بارگذاری صفحه :

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

بر اساس آمار رسمی گوگل، به طور میانگین ۵۳ درصد از کاربرانی که از دستگاههایی مانند تلفن همراه برای استفاده از اینترنت استفاده می کنند، در صورت باز نشدن یک صفحه در زمان ۳ ثانیه، آن صفحه را ترک کرده و به سراغ صفحه دیگری خواهند رفت.

۲- صفحه بی کیفیت یا کم کیفیت:

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

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

3-وجود back – link غیر مرتبط:

وجود بنرهای تبلیغاتی و یا هر نوع back-link در سایتهای غیر مرتبط منجر به bounce rate بالا خواهد شد. پس سعی کنید بنرهای تبلیغاتی خود را در سایت های مرتبط با موضوع فعالیت سایت خودتان منتشر نمایید و یا جهت تبلیغات از سرویس هایی مانند گوگل ادوردز استفاده کنید که از نظر میزان هدفمندی تبلیغات در اینترنت از کیفیت بسیار بالایی برخوردار است.

۴- طراحی UX نامناسب:

مواردی مانند باز شدنpop-up ناخواسته در صفحه نمایش تبلیغات تبلیغاتی که از نظر ظاهری به علت مواردی مانند چشمک زدن بیش از حدمتعدد به کاربر، نمایش باعث آزار کاربر می شوند و یا اجبار کاربر به ثبت نام جهت استفاده از سایت، منجر به خروج کاربر از سایت و در نهایت افزایش bounce rate می گردد. پس در طراحی UX یا همان User Experience حداکثر تلاشتان را بکنید که رضایت کاربر را از استفاده از سایتتان جلب نمایید.

۵- طراحی UI نامناسب:

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

بهینه سازی سایت های کم ترافیک و با ترافیک بالا

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

ارتباط کد و سرور با میزان ترافیک سایت

با توجه به اینکه برخی از مواردی که به کارایی کد و سرور و یا به صورت کلی به performance کد و سرور بستگی دارند با میزان ترافیک سایت (طراحی سایت شرکتی، طراحی سایت فروشگاهی) ارتباط مستقیم دارد، لذا برای بهبود رنکینگ سایت های پر ترافیک، علاوه بر مواردی که در سایت های کم ترافیک باید رعایت شوند، موارد متعددی نیز وجود دارند که باید برای بالا بردن performance رعایت شوند. مواردی مانند سخت افزار سرور، تنظیماتسرور، کدنویسی، کش، معماری دیتابیس و رعایت دستورالعمل های گوگل وبمستر و حتی برخی مواردoff-page SEO نیز باید در نظر گرفته شوند تا بازدهی سخت افزار و نرم افزار بالا برود. یکی از مواردی که در بهینه سازی باید در نظر گرفته شود، بهینه بودن تعداد درخواست هایی است که برای بارگذاری هر صفحه به سرور ارسال می شود.

جلوگیری از درخواست های ارسالی به وب سرور

برای اینکه بخواهید از تعداد درخواست ارسالی به وب سرور جهت لود صفحه مطلع شوید، طبق تصویر بعدی، ابتدا مرورگر گوگل کروم خود را باز کنید و سپس با فشردن دکمه F12 و یا با استفاده از میانبر Ctrl + Shift + I در سیستم عامل ویندوز وارد محیط Dev tools گوگل کروم شوید. سپس به تبNetwork رفته و تیک Disable cache را بزنید و صفحه را رفرش کنید. سپس می توانید با توجه به تصویر بعد، از تعداد درخواست های ارسالی به سرور جهت بارگذاری صفحه مورد نظرتان مطلع شوید.

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

ولی اگر تعداد ۹۹۰ نفر به کاربران همزمان افزوده شود و تعداد آنها از ۱۰ به ۱۰۰۰ برسد، به معنای افزایش ۲۱۷۸۰ عددی در تعداد درخواست همزمان به سرور خواهیم بود که در اینجا باید همه عوامل نرم افزاری و سخت افزاری در کنار یکدیگر در وضعیت بهینه باشند تا مجبور نباشیم برای پاسخگویی به این تعداد درخواست فقط به قوی تر کردن سخت افزار اکتفا کنیم.

کش کردن اطلاعات

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

کش سمت سرور

کش سمت سرور (Server – side cache) به ذخیره کردن اطلاعات در سرور گفته می شود.طور که می دانید در سایت های داینامیک به عنوان نمونه جهت ایجاد یک صفحه HTML، با استفاده از دیتابیس و کدنویسی سمت سرور (مانند php. جاوا، net. و غیره) یک صفحه ایجاد می شود و در اختیار کاربر قرار داده می شود که این روال نیاز به انجام پردازش و صرف زمان دارد. با کش کردن اطلاعات روی سرور، صفحات طراحی سایت (طراحی سایت فروشگاهی، طراحی سایت شرکتی) از قبل به صورت HTML ایجاد شده و روی سرور ذخیره می شوند و زمانی که کاربر درخواستی برای یک صفحه به سرور ارسال کرد، سرور می تواند بدون نیاز به پردازش کدهای سمت سرور و دیتابیس، خیلی سریع صفحه HTML را در اختیار کاربر قرار دهد.

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

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

سمت سرور متعددی جهت نصب بر روی سرورهای اختصاصی با سیستم عامل های مختلف ویندوز و وب سرورهای مختلف مانندIIS ، Nginx Apache و غیره وجود دارند که از معروف ترین آنها می توان به Varnish و MemCached اشاره کرد که جهت پیاده سازی آنها نیاز به دانش کافی در مورد وب سرور و دیتابیس مورد استفاده و همچنین کسی که قصد نصب و تنظیم آن را دارید خواهید داشت.

مدت زمان کش فایلها روی سرور:

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

 کش سمت کاربر:

کش سمت کاربر (Client – side cache) از نظر عملکرد با کش سمت سرور مشابه است. در کش سمت کاربر برخی از اطلاعات بر روی سیستم کاربر ذخیره می شود تا در صورتیکه کاربر مجدد بخواهد از یک صفحه بازدید کند، برخی از منابع لازم برای بارگذاری صفحه مانند فایلهای CSS جاوا اسکریپت، عکس و غیره از روی سیستم کاربر خوانده شود که در نتیجه آن، سرعت بارگذاری صفحه سریع ترمی شود و تاثیر مثبت در تجربه کاربر می گذارد.

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

مدت زمان کش سمت کاربر

مدت زمان کش فایل ها روی سیستم کاربران می تواند برای فایلهای مختلف با یکدیگر متفاوت باشد. به عنوان نمونه شما می توانید تنظیمات سایت (قیمت طراحی سایت)را به نحوی انجام دهید که عکس های jpg و gif و png برای دیگر فایل های و webp برای یک ماه یا یک سال توسط مرورگر کاربر روی سیستم وی ذخیره شود. به همین ترتیب برای دیگر فایل های mp4 ، ico ،css ، js و غیره نیز می توانید زمان مورد نیاز را تعریف کنید.

توصیه می کنیم که زمان کمتر از یک ماه و بیشتر یک سال را برای کش سمت کاربر تعریف نکنید. در مورد این مبحث که ارتباط مستقیم با سرعت بارگذاری صفحات دارد در فصل هفتم به نام“Google PageSpeed Insights” نیز توضیحاتی داده شده است.

فشرده سازی در HTTP

فشرده سازی و سازی فایل های استاتیک و فایل هایی که به صورت داینامیک ایجاد می شوند و از سرور به مرور گر کاربر منتقل می شوند از اهمیت بالایی برخوردار است. تکنیک های متنوعی برای وب سرورهای مختلف جهت فشرده سازی اطلاعات وجود دارد که gzip یکی از قدیمی ترین و معروف ترین آنها است که تقریبا توسط همه مرورگرها پشتیبانی می شود. gzip می تواند تا ۹۰ اطلاعات را فشرده کند که تاثیر بسیار زیادی در سرعت انتقال اطلاعات دارد. از دیگر تکنیک های فشرده سازی می توان به deflate و Brotli اشاره کرد.

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

Compression ratio	Compressed size	size	Library
70%	82KB	276KB	jqury-1.11.0.js
65%	33KB	94KB	jqury-1.11.0.min.js
75%	182KB	729KB	angular-1.215.js
63%	37KB	101KB	angular-1.215.min.js
85%	18KB	118KB	bootstrap-3.1.1.css
83%	17KB