این نکات بهشکل کلی در دو تیم قرار می گیرند که عبارتند از نکات ظاهری و نکات فنی. گسترشدهندهها و استحصالوکارها می بایست در بین هر دو طرف اورده شده توازنی را برقرار نمایند تا هم وبسایت از نگاه فنی مطلوب باشد و هم از دید ظاهری بتواند یوزرها را به سمت خودش جذب نماید. طراحی سایت در مشهد ما دراین نوشتهیعلمی قصد داریم که نکات اساسی در طراحی وب از حیث فنی و ظاهری بپردازیم و بابیان زیرمجموعههای هریک از آنها متوجه گردید که چه مواقعی را می بایست رعایت فرمائید؛ پس با ما پیروی این نوشتهی علمی از دسته ساخت محتوای کشور ایران هاست ( ارائه دهندهی سرور مجازی بایننس ) همپا باشید.
نکات اصلی در ساخت سایت
هرچقدر که اینترنتتارنما شما از حیث ظاهری و بصری قشنگ باشد و کل اصولی که می بایست را در آن رعایت نمائید، البته این اصول فنی میباشند که یوزرها را بازه وقت گیرتری در اینترنتوب سایتتان نگه میدارا هستند.
درحالتی که شما از نکات مرتبط با این نصیب بهخیر استعمال نکنید، یوزرها شاید یکسری دقیقه اولیه در وبسایتتان بمانند، البته بهعامل ایرادات فنی متفاوت، مانند بار گذاری زمانبر بازه زمانی، امنیت زیر، ریسپانسیو نبودن و…، از اینترنتتارنماتان بیرون خواهند شد.
این نکات فنی در ساخت سایتتارنما عبارتند از:
– سرعت لود اینترنتوبسایت
یکیاز نکات اصلی در طراحی وب که در نگاه اولیه قادر است یوزرها را عشق و علاقهمند به ادامه به کار گیری از اینترنتوب سایت شما نماید، سرعت لود صفحه های آن میباشد. درحالتی که شما بتوانید اینترنتوبسایتتان را بهصورتی پیاده سازی فرمائید که سرعت بار گذاری عالی و متناسب با سرعت وب یوزرها شما داشته باشد، شما چیره این بازی خواهید بود. فرقی هم نمی نماید که یک تارنما فروشگاهی برای شما میباشد یا این که قرار میباشد از آن تحت عنوان منتشر کننده برای تبلیغات گوگل ادسنس به کارگیری نمایید درصورتیکه نمی دانید طرز ایجاد کرد گوگل ادسنس برای ایرانیان چهطور میباشد در مقالهها دیگر ما دراین باره رسیدگی فرمائید.
نکات اصلی دربارهی سرعت بار گذاری اینترنتتارنماتان که می بایست رعایت نمایید، عبارتند از:
۱- فشردهسازی تصاویر: شما می توانید از فرمتهای فشردهخیس، مانند JPEG، برای تصاویر رنگی و PNG برای تصاویر باکیفیت فراتر استعمال نمایید. همینطور، به کارگیری از ابزارهای فشردهسازی تصاویر مانند Photoshop، TinyPNG و Squoosh میتواند بهبود محسوسی در سرعت لود صفحه های را بهوجود آورد.
● اندازهگیری ظریف تصاویر: یکیاز دیگر از مواقعی که می بایست رعایت نمائید، اندازهگیری ظریف تصاویر متناسب با اینترنتتارنماتان میباشد. به کار گیری از ابزارهایی مانند Photoshop یا این که online-image-resizer قادر است به شما دراین مورد یاری دهد.
● Lazy Loading: با به کار گیری از تکنیک Lazy Loading، تصاویر صرفا وقتی که قسمتی از برگه قابل مشاهده می شوند، بارگیری خواهند شد. این نحوه به شما امداد مینماید مجال لود نخستین ورقه را به دستکم برسانید.
۲. کاهش وسعت فولدرهای CSS و JavaScript: وسعت زیاد پوشههای CSS و JavaScript میتواند سرعت لود کاغذ را کم کند. برای باصرفهسازی این پوشهها میتوانید از ترکیب پوشهها و فشردهسازی کدها استعمال نمائید.
۳. با صرفهسازی کش کردن: استعمال از مکانیزمهای کش کردن میتواند فرصت بار گذاری ورقه را بهبود بخشد. از تبهای Cache-Control و ETag در هدرهای سرور استعمال فرمایید تا مرورگرها بتوانند فولدرهای استاتیک را در رم ذخیره کرده و در درخواستهای آجل به کارگیری نمایند.
۴. باصرفهسازی درخواستها: تعداد درخواستهایی که مرورگر برای بارگیری برگه ارسال مینماید را بایستی به کمترین ترازو ممکن برسانید. برای اجرا این عمل، می توانید از ترکیب پوشههای CSS و JavaScript، استعمال از پوشههای Sprite برای تصاویر و به کارگیری از پوشههای inline برای کدهای CSS و JavaScript به کار گیری نمائید.
۵. بهبود فرصت جوابدهی سرور: سرعت جوابدهی سرور هم بر سرعت بار گذاری اینترنتوب سایت اثر می گذارد. شما بایستی از این زمینه اعتقادوباور نتیجه ها فرمایید که هر نوع سروری که خریداری میکنید برای مثال خرید vps کشورایران و یا این که بیرون شما در با صرفهترین وضعیت ممکن قراردارد و مجال جوابدهی به درخواستها به کمترین حد ممکن رسیده میباشد. تحقیق واحد سنجش توشه سرور، باصرفهسازی مقر داده، به کار گیری از کانال توزیع محتوا یا این که به عبارتی CDN و استعمال از خدمتهای سرور سمت استفاده کننده، میتواند به بهبود مجال جواب سرور یاری دهد. در شرایطیکه از هاست های اشتراکی استعمال میکنید از کمپانی هایی خرید هاست را جاری ساختن دهید که سوابق و پیشینه ی نیکی داشته باشند.
۶. باصرفهسازی منابع فرنگی: منابع فرنگی مانند فونتها، پوشههای CSS یا این که JavaScript که از سایر وبسایتها گزینه به کارگیری قرار می گیرند، ممکن میباشد که مجال بارگیری را زیر اثر قرار دهند. برای رعایت هرچهخوب نکات طراحی وب سایت، عالی میباشد صرفا منابعی که حقیقتا نیاز دارید را فراخوانی فرمایید و سراغ به کار گیری از تعداد منابع فرنگی محدودی بروید.
۷. با صرفهسازی مقر داده: در شکل به کار گیری از سیستم مدیر محتوا یا این که همانCMSها، باصرفهسازی مقر داده قادر است اثر قابل توجهی در سرعت بار گذاری اینترنتوبسایت شما داشته باشد. حذف و باصرفهسازی جداول غیرضروری و اجرای صحیح کوئریها میتواند بهبود قابل توجهی در کوشش و سرعت پرسوجوی مقر داده تولید نماید.
– ریسپانسیو بودن صفحه های
به صورت کلی، ریسپانسیو بودن تارنما به معنای پیاده سازی و گسترش وبسایتی میباشد که به صورت اتوماتیک و به صدق در کلیه دستگاهها و نمایشگرها قابل مشاهده میباشد. اصول مرتبط با این بخش عبارتند از:
۱. به کار گیری صحیح از ارکان اینترنت: در صورتیکه شما بتوانید از موادتشکیل دهنده گزینه استعمال در ساخت سایتتارنماها بهخیر به کارگیری فرمایید، قابلیت و امکان ارائه یک اینترنتتارنما ریسپانسیو را خواهید داشت. از مهمترین ارکان برای این نصیب، میاقتدار به تصاویری با امکان تغییر تحول اندازه و به کارگیری صحیح از CSS برای تهیه مختصات متعدد اینترنتوب سایت مطابق اندازه نمایشگر، اشاره نمود.
۲. به کار گیری از مدیاکوئریها (Media Queries): با به کارگیری از مدیاکوئریها، میتوانید استایلهای مختلفی را مبنی بر خصوصیتهای دستگاه استفاده کننده (مانند اندازه نمایشگر، نسبت پهنا به طول و…) تهیه و تنظیم فرمایید. اجرا این فعالیت به شما اذن می دهد تا طرح بندی، اندازه متن، تصاویر و بقیه خصوصیتها را مبنی بر نیازهای دستگاه تغییر و تحول دهید.
۳. امتحان ریسپانسیو بودن: یکیاز مهمترین نکات طراحی وب سایت به ما میگوید که می بایست پیش از نشر اینترنتتارنما، آن را در دستگاهها و مرورگرهای گوناگون تست کنیم تا مطمئن شویم که به صحت در همگی آنان اکران داده میگردد. در نوشتهعلمی ساخت سایت ریسپانسیو بیشتر در این زمینه توضیح داده ایم که میتوانید از ان به کارگیری فرمائید.
۴. آزمایش تلاشهای لمسی: در صورتیکه اینترنتوبسایت شما قابلیت و امکان نگهبانی از خصوصیتهای لمسی را دارااست، مطمئن گردید که همگی ارکان و عملکردهای لمسی به صدق عمل مینمایند. آزمایش تلاشهای لمسی دربرگیرنده کلیک، بازشدن منوها، کنسل گزینشها و… میباشد.
هرچقدر که اینترنتتارنما شما از حیث ظاهری و بصری قشنگ باشد و کل اصولی که می بایست را در آن رعایت نمائید، البته این اصول فنی میباشند که یوزرها را بازه وقت گیرتری در اینترنتوب سایتتان نگه میدارا هستند.
درحالتی که شما از نکات مرتبط با این نصیب بهخیر استعمال نکنید، یوزرها شاید یکسری دقیقه اولیه در وبسایتتان بمانند، البته بهعامل ایرادات فنی متفاوت، مانند بار گذاری زمانبر بازه زمانی، امنیت زیر، ریسپانسیو نبودن و…، از اینترنتتارنماتان بیرون خواهند شد.
این نکات فنی در ساخت سایتتارنما عبارتند از:
– سرعت لود اینترنتوبسایت
یکیاز نکات اصلی در طراحی وب که در نگاه اولیه قادر است یوزرها را عشق و علاقهمند به ادامه به کار گیری از اینترنتوب سایت شما نماید، سرعت لود صفحه های آن میباشد. درحالتی که شما بتوانید اینترنتوبسایتتان را بهصورتی پیاده سازی فرمائید که سرعت بار گذاری عالی و متناسب با سرعت وب یوزرها شما داشته باشد، شما چیره این بازی خواهید بود. فرقی هم نمی نماید که یک تارنما فروشگاهی برای شما میباشد یا این که قرار میباشد از آن تحت عنوان منتشر کننده برای تبلیغات گوگل ادسنس به کارگیری نمایید درصورتیکه نمی دانید طرز ایجاد کرد گوگل ادسنس برای ایرانیان چهطور میباشد در مقالهها دیگر ما دراین باره رسیدگی فرمائید.
نکات اصلی دربارهی سرعت بار گذاری اینترنتتارنماتان که می بایست رعایت نمایید، عبارتند از:
۱- فشردهسازی تصاویر: شما می توانید از فرمتهای فشردهخیس، مانند JPEG، برای تصاویر رنگی و PNG برای تصاویر باکیفیت فراتر استعمال نمایید. همینطور، به کارگیری از ابزارهای فشردهسازی تصاویر مانند Photoshop، TinyPNG و Squoosh میتواند بهبود محسوسی در سرعت لود صفحه های را بهوجود آورد.
● اندازهگیری ظریف تصاویر: یکیاز دیگر از مواقعی که می بایست رعایت نمائید، اندازهگیری ظریف تصاویر متناسب با اینترنتتارنماتان میباشد. به کار گیری از ابزارهایی مانند Photoshop یا این که online-image-resizer قادر است به شما دراین مورد یاری دهد.
● Lazy Loading: با به کار گیری از تکنیک Lazy Loading، تصاویر صرفا وقتی که قسمتی از برگه قابل مشاهده می شوند، بارگیری خواهند شد. این نحوه به شما امداد مینماید مجال لود نخستین ورقه را به دستکم برسانید.
۲. کاهش وسعت فولدرهای CSS و JavaScript: وسعت زیاد پوشههای CSS و JavaScript میتواند سرعت لود کاغذ را کم کند. برای باصرفهسازی این پوشهها میتوانید از ترکیب پوشهها و فشردهسازی کدها استعمال نمائید.
۳. با صرفهسازی کش کردن: استعمال از مکانیزمهای کش کردن میتواند فرصت بار گذاری ورقه را بهبود بخشد. از تبهای Cache-Control و ETag در هدرهای سرور استعمال فرمایید تا مرورگرها بتوانند فولدرهای استاتیک را در رم ذخیره کرده و در درخواستهای آجل به کارگیری نمایند.
۴. باصرفهسازی درخواستها: تعداد درخواستهایی که مرورگر برای بارگیری برگه ارسال مینماید را بایستی به کمترین ترازو ممکن برسانید. برای اجرا این عمل، می توانید از ترکیب پوشههای CSS و JavaScript، استعمال از پوشههای Sprite برای تصاویر و به کارگیری از پوشههای inline برای کدهای CSS و JavaScript به کار گیری نمائید.
۵. بهبود فرصت جوابدهی سرور: سرعت جوابدهی سرور هم بر سرعت بار گذاری اینترنتوب سایت اثر می گذارد. شما بایستی از این زمینه اعتقادوباور نتیجه ها فرمایید که هر نوع سروری که خریداری میکنید برای مثال خرید vps کشورایران و یا این که بیرون شما در با صرفهترین وضعیت ممکن قراردارد و مجال جوابدهی به درخواستها به کمترین حد ممکن رسیده میباشد. تحقیق واحد سنجش توشه سرور، باصرفهسازی مقر داده، به کار گیری از کانال توزیع محتوا یا این که به عبارتی CDN و استعمال از خدمتهای سرور سمت استفاده کننده، میتواند به بهبود مجال جواب سرور یاری دهد. در شرایطیکه از هاست های اشتراکی استعمال میکنید از کمپانی هایی خرید هاست را جاری ساختن دهید که سوابق و پیشینه ی نیکی داشته باشند.
۶. باصرفهسازی منابع فرنگی: منابع فرنگی مانند فونتها، پوشههای CSS یا این که JavaScript که از سایر وبسایتها گزینه به کارگیری قرار می گیرند، ممکن میباشد که مجال بارگیری را زیر اثر قرار دهند. برای رعایت هرچهخوب نکات طراحی وب سایت، عالی میباشد صرفا منابعی که حقیقتا نیاز دارید را فراخوانی فرمایید و سراغ به کار گیری از تعداد منابع فرنگی محدودی بروید.
۷. با صرفهسازی مقر داده: در شکل به کار گیری از سیستم مدیر محتوا یا این که همانCMSها، باصرفهسازی مقر داده قادر است اثر قابل توجهی در سرعت بار گذاری اینترنتوبسایت شما داشته باشد. حذف و باصرفهسازی جداول غیرضروری و اجرای صحیح کوئریها میتواند بهبود قابل توجهی در کوشش و سرعت پرسوجوی مقر داده تولید نماید.
– ریسپانسیو بودن صفحه های
به صورت کلی، ریسپانسیو بودن تارنما به معنای پیاده سازی و گسترش وبسایتی میباشد که به صورت اتوماتیک و به صدق در کلیه دستگاهها و نمایشگرها قابل مشاهده میباشد. اصول مرتبط با این بخش عبارتند از:
۱. به کار گیری صحیح از ارکان اینترنت: در صورتیکه شما بتوانید از موادتشکیل دهنده گزینه استعمال در ساخت سایتتارنماها بهخیر به کارگیری فرمایید، قابلیت و امکان ارائه یک اینترنتتارنما ریسپانسیو را خواهید داشت. از مهمترین ارکان برای این نصیب، میاقتدار به تصاویری با امکان تغییر تحول اندازه و به کارگیری صحیح از CSS برای تهیه مختصات متعدد اینترنتوب سایت مطابق اندازه نمایشگر، اشاره نمود.
۲. به کار گیری از مدیاکوئریها (Media Queries): با به کارگیری از مدیاکوئریها، میتوانید استایلهای مختلفی را مبنی بر خصوصیتهای دستگاه استفاده کننده (مانند اندازه نمایشگر، نسبت پهنا به طول و…) تهیه و تنظیم فرمایید. اجرا این فعالیت به شما اذن می دهد تا طرح بندی، اندازه متن، تصاویر و بقیه خصوصیتها را مبنی بر نیازهای دستگاه تغییر و تحول دهید.
۳. امتحان ریسپانسیو بودن: یکیاز مهمترین نکات طراحی وب سایت به ما میگوید که می بایست پیش از نشر اینترنتتارنما، آن را در دستگاهها و مرورگرهای گوناگون تست کنیم تا مطمئن شویم که به صحت در همگی آنان اکران داده میگردد. در نوشتهعلمی ساخت سایت ریسپانسیو بیشتر در این زمینه توضیح داده ایم که میتوانید از ان به کارگیری فرمائید.
۴. آزمایش تلاشهای لمسی: در صورتیکه اینترنتوبسایت شما قابلیت و امکان نگهبانی از خصوصیتهای لمسی را دارااست، مطمئن گردید که همگی ارکان و عملکردهای لمسی به صدق عمل مینمایند. آزمایش تلاشهای لمسی دربرگیرنده کلیک، بازشدن منوها، کنسل گزینشها و… میباشد.
این نکات بهشکل کلی در دو تیم قرار می گیرند که عبارتند از نکات ظاهری و نکات فنی. گسترشدهندهها و استحصالوکارها می بایست در بین هر دو طرف اورده شده توازنی را برقرار نمایند تا هم وبسایت از نگاه فنی مطلوب باشد و هم از دید ظاهری بتواند یوزرها را به سمت خودش جذب نماید. طراحی سایت در مشهد ما دراین نوشتهیعلمی قصد داریم که نکات اساسی در طراحی وب از حیث فنی و ظاهری بپردازیم و بابیان زیرمجموعههای هریک از آنها متوجه گردید که چه مواقعی را می بایست رعایت فرمائید؛ پس با ما پیروی این نوشتهی علمی از دسته ساخت محتوای کشور ایران هاست ( ارائه دهندهی سرور مجازی بایننس ) همپا باشید.
نکات اصلی در ساخت سایت
هرچقدر که اینترنتتارنما شما از حیث ظاهری و بصری قشنگ باشد و کل اصولی که می بایست را در آن رعایت نمائید، البته این اصول فنی میباشند که یوزرها را بازه وقت گیرتری در اینترنتوب سایتتان نگه میدارا هستند.
درحالتی که شما از نکات مرتبط با این نصیب بهخیر استعمال نکنید، یوزرها شاید یکسری دقیقه اولیه در وبسایتتان بمانند، البته بهعامل ایرادات فنی متفاوت، مانند بار گذاری زمانبر بازه زمانی، امنیت زیر، ریسپانسیو نبودن و…، از اینترنتتارنماتان بیرون خواهند شد.
این نکات فنی در ساخت سایتتارنما عبارتند از:
– سرعت لود اینترنتوبسایت
یکیاز نکات اصلی در طراحی وب که در نگاه اولیه قادر است یوزرها را عشق و علاقهمند به ادامه به کار گیری از اینترنتوب سایت شما نماید، سرعت لود صفحه های آن میباشد. درحالتی که شما بتوانید اینترنتوبسایتتان را بهصورتی پیاده سازی فرمائید که سرعت بار گذاری عالی و متناسب با سرعت وب یوزرها شما داشته باشد، شما چیره این بازی خواهید بود. فرقی هم نمی نماید که یک تارنما فروشگاهی برای شما میباشد یا این که قرار میباشد از آن تحت عنوان منتشر کننده برای تبلیغات گوگل ادسنس به کارگیری نمایید درصورتیکه نمی دانید طرز ایجاد کرد گوگل ادسنس برای ایرانیان چهطور میباشد در مقالهها دیگر ما دراین باره رسیدگی فرمائید.
نکات اصلی دربارهی سرعت بار گذاری اینترنتتارنماتان که می بایست رعایت نمایید، عبارتند از:
۱- فشردهسازی تصاویر: شما می توانید از فرمتهای فشردهخیس، مانند JPEG، برای تصاویر رنگی و PNG برای تصاویر باکیفیت فراتر استعمال نمایید. همینطور، به کارگیری از ابزارهای فشردهسازی تصاویر مانند Photoshop، TinyPNG و Squoosh میتواند بهبود محسوسی در سرعت لود صفحه های را بهوجود آورد.
● اندازهگیری ظریف تصاویر: یکیاز دیگر از مواقعی که می بایست رعایت نمائید، اندازهگیری ظریف تصاویر متناسب با اینترنتتارنماتان میباشد. به کار گیری از ابزارهایی مانند Photoshop یا این که online-image-resizer قادر است به شما دراین مورد یاری دهد.
● Lazy Loading: با به کار گیری از تکنیک Lazy Loading، تصاویر صرفا وقتی که قسمتی از برگه قابل مشاهده می شوند، بارگیری خواهند شد. این نحوه به شما امداد مینماید مجال لود نخستین ورقه را به دستکم برسانید.
۲. کاهش وسعت فولدرهای CSS و JavaScript: وسعت زیاد پوشههای CSS و JavaScript میتواند سرعت لود کاغذ را کم کند. برای باصرفهسازی این پوشهها میتوانید از ترکیب پوشهها و فشردهسازی کدها استعمال نمائید.
۳. با صرفهسازی کش کردن: استعمال از مکانیزمهای کش کردن میتواند فرصت بار گذاری ورقه را بهبود بخشد. از تبهای Cache-Control و ETag در هدرهای سرور استعمال فرمایید تا مرورگرها بتوانند فولدرهای استاتیک را در رم ذخیره کرده و در درخواستهای آجل به کارگیری نمایند.
۴. باصرفهسازی درخواستها: تعداد درخواستهایی که مرورگر برای بارگیری برگه ارسال مینماید را بایستی به کمترین ترازو ممکن برسانید. برای اجرا این عمل، می توانید از ترکیب پوشههای CSS و JavaScript، استعمال از پوشههای Sprite برای تصاویر و به کارگیری از پوشههای inline برای کدهای CSS و JavaScript به کار گیری نمائید.
۵. بهبود فرصت جوابدهی سرور: سرعت جوابدهی سرور هم بر سرعت بار گذاری اینترنتوب سایت اثر می گذارد. شما بایستی از این زمینه اعتقادوباور نتیجه ها فرمایید که هر نوع سروری که خریداری میکنید برای مثال خرید vps کشورایران و یا این که بیرون شما در با صرفهترین وضعیت ممکن قراردارد و مجال جوابدهی به درخواستها به کمترین حد ممکن رسیده میباشد. تحقیق واحد سنجش توشه سرور، باصرفهسازی مقر داده، به کار گیری از کانال توزیع محتوا یا این که به عبارتی CDN و استعمال از خدمتهای سرور سمت استفاده کننده، میتواند به بهبود مجال جواب سرور یاری دهد. در شرایطیکه از هاست های اشتراکی استعمال میکنید از کمپانی هایی خرید هاست را جاری ساختن دهید که سوابق و پیشینه ی نیکی داشته باشند.
۶. باصرفهسازی منابع فرنگی: منابع فرنگی مانند فونتها، پوشههای CSS یا این که JavaScript که از سایر وبسایتها گزینه به کارگیری قرار می گیرند، ممکن میباشد که مجال بارگیری را زیر اثر قرار دهند. برای رعایت هرچهخوب نکات طراحی وب سایت، عالی میباشد صرفا منابعی که حقیقتا نیاز دارید را فراخوانی فرمایید و سراغ به کار گیری از تعداد منابع فرنگی محدودی بروید.
۷. با صرفهسازی مقر داده: در شکل به کار گیری از سیستم مدیر محتوا یا این که همانCMSها، باصرفهسازی مقر داده قادر است اثر قابل توجهی در سرعت بار گذاری اینترنتوبسایت شما داشته باشد. حذف و باصرفهسازی جداول غیرضروری و اجرای صحیح کوئریها میتواند بهبود قابل توجهی در کوشش و سرعت پرسوجوی مقر داده تولید نماید.
– ریسپانسیو بودن صفحه های
به صورت کلی، ریسپانسیو بودن تارنما به معنای پیاده سازی و گسترش وبسایتی میباشد که به صورت اتوماتیک و به صدق در کلیه دستگاهها و نمایشگرها قابل مشاهده میباشد. اصول مرتبط با این بخش عبارتند از:
۱. به کار گیری صحیح از ارکان اینترنت: در صورتیکه شما بتوانید از موادتشکیل دهنده گزینه استعمال در ساخت سایتتارنماها بهخیر به کارگیری فرمایید، قابلیت و امکان ارائه یک اینترنتتارنما ریسپانسیو را خواهید داشت. از مهمترین ارکان برای این نصیب، میاقتدار به تصاویری با امکان تغییر تحول اندازه و به کارگیری صحیح از CSS برای تهیه مختصات متعدد اینترنتوب سایت مطابق اندازه نمایشگر، اشاره نمود.
۲. به کار گیری از مدیاکوئریها (Media Queries): با به کارگیری از مدیاکوئریها، میتوانید استایلهای مختلفی را مبنی بر خصوصیتهای دستگاه استفاده کننده (مانند اندازه نمایشگر، نسبت پهنا به طول و…) تهیه و تنظیم فرمایید. اجرا این فعالیت به شما اذن می دهد تا طرح بندی، اندازه متن، تصاویر و بقیه خصوصیتها را مبنی بر نیازهای دستگاه تغییر و تحول دهید.
۳. امتحان ریسپانسیو بودن: یکیاز مهمترین نکات طراحی وب سایت به ما میگوید که می بایست پیش از نشر اینترنتتارنما، آن را در دستگاهها و مرورگرهای گوناگون تست کنیم تا مطمئن شویم که به صحت در همگی آنان اکران داده میگردد. در نوشتهعلمی ساخت سایت ریسپانسیو بیشتر در این زمینه توضیح داده ایم که میتوانید از ان به کارگیری فرمائید.
۴. آزمایش تلاشهای لمسی: در صورتیکه اینترنتوبسایت شما قابلیت و امکان نگهبانی از خصوصیتهای لمسی را دارااست، مطمئن گردید که همگی ارکان و عملکردهای لمسی به صدق عمل مینمایند. آزمایش تلاشهای لمسی دربرگیرنده کلیک، بازشدن منوها، کنسل گزینشها و… میباشد.
هرچقدر که اینترنتتارنما شما از حیث ظاهری و بصری قشنگ باشد و کل اصولی که می بایست را در آن رعایت نمائید، البته این اصول فنی میباشند که یوزرها را بازه وقت گیرتری در اینترنتوب سایتتان نگه میدارا هستند.
درحالتی که شما از نکات مرتبط با این نصیب بهخیر استعمال نکنید، یوزرها شاید یکسری دقیقه اولیه در وبسایتتان بمانند، البته بهعامل ایرادات فنی متفاوت، مانند بار گذاری زمانبر بازه زمانی، امنیت زیر، ریسپانسیو نبودن و…، از اینترنتتارنماتان بیرون خواهند شد.
این نکات فنی در ساخت سایتتارنما عبارتند از:
– سرعت لود اینترنتوبسایت
یکیاز نکات اصلی در طراحی وب که در نگاه اولیه قادر است یوزرها را عشق و علاقهمند به ادامه به کار گیری از اینترنتوب سایت شما نماید، سرعت لود صفحه های آن میباشد. درحالتی که شما بتوانید اینترنتوبسایتتان را بهصورتی پیاده سازی فرمائید که سرعت بار گذاری عالی و متناسب با سرعت وب یوزرها شما داشته باشد، شما چیره این بازی خواهید بود. فرقی هم نمی نماید که یک تارنما فروشگاهی برای شما میباشد یا این که قرار میباشد از آن تحت عنوان منتشر کننده برای تبلیغات گوگل ادسنس به کارگیری نمایید درصورتیکه نمی دانید طرز ایجاد کرد گوگل ادسنس برای ایرانیان چهطور میباشد در مقالهها دیگر ما دراین باره رسیدگی فرمائید.
نکات اصلی دربارهی سرعت بار گذاری اینترنتتارنماتان که می بایست رعایت نمایید، عبارتند از:
۱- فشردهسازی تصاویر: شما می توانید از فرمتهای فشردهخیس، مانند JPEG، برای تصاویر رنگی و PNG برای تصاویر باکیفیت فراتر استعمال نمایید. همینطور، به کارگیری از ابزارهای فشردهسازی تصاویر مانند Photoshop، TinyPNG و Squoosh میتواند بهبود محسوسی در سرعت لود صفحه های را بهوجود آورد.
● اندازهگیری ظریف تصاویر: یکیاز دیگر از مواقعی که می بایست رعایت نمائید، اندازهگیری ظریف تصاویر متناسب با اینترنتتارنماتان میباشد. به کار گیری از ابزارهایی مانند Photoshop یا این که online-image-resizer قادر است به شما دراین مورد یاری دهد.
● Lazy Loading: با به کار گیری از تکنیک Lazy Loading، تصاویر صرفا وقتی که قسمتی از برگه قابل مشاهده می شوند، بارگیری خواهند شد. این نحوه به شما امداد مینماید مجال لود نخستین ورقه را به دستکم برسانید.
۲. کاهش وسعت فولدرهای CSS و JavaScript: وسعت زیاد پوشههای CSS و JavaScript میتواند سرعت لود کاغذ را کم کند. برای باصرفهسازی این پوشهها میتوانید از ترکیب پوشهها و فشردهسازی کدها استعمال نمائید.
۳. با صرفهسازی کش کردن: استعمال از مکانیزمهای کش کردن میتواند فرصت بار گذاری ورقه را بهبود بخشد. از تبهای Cache-Control و ETag در هدرهای سرور استعمال فرمایید تا مرورگرها بتوانند فولدرهای استاتیک را در رم ذخیره کرده و در درخواستهای آجل به کارگیری نمایند.
۴. باصرفهسازی درخواستها: تعداد درخواستهایی که مرورگر برای بارگیری برگه ارسال مینماید را بایستی به کمترین ترازو ممکن برسانید. برای اجرا این عمل، می توانید از ترکیب پوشههای CSS و JavaScript، استعمال از پوشههای Sprite برای تصاویر و به کارگیری از پوشههای inline برای کدهای CSS و JavaScript به کار گیری نمائید.
۵. بهبود فرصت جوابدهی سرور: سرعت جوابدهی سرور هم بر سرعت بار گذاری اینترنتوب سایت اثر می گذارد. شما بایستی از این زمینه اعتقادوباور نتیجه ها فرمایید که هر نوع سروری که خریداری میکنید برای مثال خرید vps کشورایران و یا این که بیرون شما در با صرفهترین وضعیت ممکن قراردارد و مجال جوابدهی به درخواستها به کمترین حد ممکن رسیده میباشد. تحقیق واحد سنجش توشه سرور، باصرفهسازی مقر داده، به کار گیری از کانال توزیع محتوا یا این که به عبارتی CDN و استعمال از خدمتهای سرور سمت استفاده کننده، میتواند به بهبود مجال جواب سرور یاری دهد. در شرایطیکه از هاست های اشتراکی استعمال میکنید از کمپانی هایی خرید هاست را جاری ساختن دهید که سوابق و پیشینه ی نیکی داشته باشند.
۶. باصرفهسازی منابع فرنگی: منابع فرنگی مانند فونتها، پوشههای CSS یا این که JavaScript که از سایر وبسایتها گزینه به کارگیری قرار می گیرند، ممکن میباشد که مجال بارگیری را زیر اثر قرار دهند. برای رعایت هرچهخوب نکات طراحی وب سایت، عالی میباشد صرفا منابعی که حقیقتا نیاز دارید را فراخوانی فرمایید و سراغ به کار گیری از تعداد منابع فرنگی محدودی بروید.
۷. با صرفهسازی مقر داده: در شکل به کار گیری از سیستم مدیر محتوا یا این که همانCMSها، باصرفهسازی مقر داده قادر است اثر قابل توجهی در سرعت بار گذاری اینترنتوبسایت شما داشته باشد. حذف و باصرفهسازی جداول غیرضروری و اجرای صحیح کوئریها میتواند بهبود قابل توجهی در کوشش و سرعت پرسوجوی مقر داده تولید نماید.
– ریسپانسیو بودن صفحه های
به صورت کلی، ریسپانسیو بودن تارنما به معنای پیاده سازی و گسترش وبسایتی میباشد که به صورت اتوماتیک و به صدق در کلیه دستگاهها و نمایشگرها قابل مشاهده میباشد. اصول مرتبط با این بخش عبارتند از:
۱. به کار گیری صحیح از ارکان اینترنت: در صورتیکه شما بتوانید از موادتشکیل دهنده گزینه استعمال در ساخت سایتتارنماها بهخیر به کارگیری فرمایید، قابلیت و امکان ارائه یک اینترنتتارنما ریسپانسیو را خواهید داشت. از مهمترین ارکان برای این نصیب، میاقتدار به تصاویری با امکان تغییر تحول اندازه و به کارگیری صحیح از CSS برای تهیه مختصات متعدد اینترنتوب سایت مطابق اندازه نمایشگر، اشاره نمود.
۲. به کار گیری از مدیاکوئریها (Media Queries): با به کارگیری از مدیاکوئریها، میتوانید استایلهای مختلفی را مبنی بر خصوصیتهای دستگاه استفاده کننده (مانند اندازه نمایشگر، نسبت پهنا به طول و…) تهیه و تنظیم فرمایید. اجرا این فعالیت به شما اذن می دهد تا طرح بندی، اندازه متن، تصاویر و بقیه خصوصیتها را مبنی بر نیازهای دستگاه تغییر و تحول دهید.
۳. امتحان ریسپانسیو بودن: یکیاز مهمترین نکات طراحی وب سایت به ما میگوید که می بایست پیش از نشر اینترنتتارنما، آن را در دستگاهها و مرورگرهای گوناگون تست کنیم تا مطمئن شویم که به صحت در همگی آنان اکران داده میگردد. در نوشتهعلمی ساخت سایت ریسپانسیو بیشتر در این زمینه توضیح داده ایم که میتوانید از ان به کارگیری فرمائید.
۴. آزمایش تلاشهای لمسی: در صورتیکه اینترنتوبسایت شما قابلیت و امکان نگهبانی از خصوصیتهای لمسی را دارااست، مطمئن گردید که همگی ارکان و عملکردهای لمسی به صدق عمل مینمایند. آزمایش تلاشهای لمسی دربرگیرنده کلیک، بازشدن منوها، کنسل گزینشها و… میباشد.
کنتراست (contrast)456