طراحی سایت

طراحی سایت وب سایت

طراحی سایت

طراحی سایت وب سایت

تیم طراحی سایت اسپیناس
نشر مقالات آموزشی

  • ۰
  • ۰

نکات مهم در طراحی سایت افزایش سرعت سایت

 

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

 

المان های سایت مثل css  و Html  را فشرده سازی کنید.

منابع WYSIWYG  (what you see,what you get ، این ابزار یک جور شبیه ساز است .که به شما نزدیک ترین نتیجه را تخمین میزند. از این ابزار در طراحی سایت و به طور کلی در کارهای گرافیکی و متنی استفاده میشود.) .سایت یک صفحه ی سایت را بسیار آسان میکند، اما گاهی اوقات باعث به هم ریختن کد ها و در نتیجه طراحی سایت شما میشود. ):

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

 

دلایل مفید بودن کاهش حجم المان ها از نگاه گوگل :

 

برای کاهش حجم HTML میتوانید از PageSpeed Insights Chrome Extension استفاده کنید ،تا نسخه بهینه و کم حجم فایلان ساخته شود. فایل HTML خود را بررسی کنید و قواعد فشرده سازی HTML  را جست و جو کنید .

برای فشرده سازی css میتوانید از YUI Compressor    و   cssmin.js. استفاده کنید.

برای فشرده سازی جاوا  میتوانید از  Closure Compiler ، JSMin و همچنین YUI Compressor استفاده کنید.

بهتر است به خاطر داشته باشید ، که زمانی که فایل های وبسایت را فشرده سازی کردید ، فایل ها اصلی را هم دم دست بگذارید !

در ضمن شما بهتر است زمانی به فشده سازی بپردازید که کار وبسایت شما ۱۰۰% تمام شده باشد در غیر این صورت باید پس از هر تغییر مجددا فشرده سازی کنید !

امید وارم این مقاله که در طراحی وب سایت اسپیناس خوندید بهتون کمک کرده باشه

در قسمت بعد در خصوص فشرده سازی عکسا مطالبی گفته میشود !

  • ۹۶/۰۵/۲۴
  • ehsan sh

نظرات (۰)

هیچ نظری هنوز ثبت نشده است

ارسال نظر

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی