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

۴) استفاده از صفحه بارگذاری (Load Screen) سرگرم کننده

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

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

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

۵) جاوا اسکریپت (JavaScript)

امروزه استفاده از زبان برنامه نویسی جاوا اسکریپت بعنوان سبک جدید طراحی سایت بسیار پر رونق است چراکه به کمک آن می توان صفحه های بارگذاری زیبا و یا

آیتم های جالبی از قبیل اسلایدرها را خلق کرد ولی پیشنهاد ما به شما این است که بیش از حد معمول از جاوا اسکریپت استفاده نکنید زیرا:

• سرعت بارگذاری سایت را به شدت کاهش داده و باعث نارضایتی کاربران می شود.
• در ابزار و گجت های قابل حمل به خوبی عمل نمی کند.
• همانند سایر زبان های برنامه نویسی چنانچه جاوا اسکریپت به درستی اجرا نشود مورد سوء استفاده قرار می گیرد و امنیت سایت شما را به خطر می اندازد.
• و در آخر باید اشاره کرد که جاوا اسکریپت بر بهینه سازی موتورهای جستجو (SEO) تاثیر منفی می گذارد.

۶) تایپوگرافی (Typography)

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

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

در زمان انتخاب فونت، نکات زیر را حتماً مدنظر قرار دهید:

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

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

بعنوان حسن ختام این بخش آموزشی، لینکی را برای شما قرار داده شده است که توسط آن می توانید کتابی تحت عنوان سبک های طراحی وب سایت سال های ۲۰۱۵ و ۲۰۱۶ در ارتباط با طراحی بسیاری از وب سایت های بنام از قبیل Google، Adidas، Reebok، Dropbox و سایر وب سایت های شناخته شده، دانلود نمایید.

 منبع: www.awwwards.com

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

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

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

همانند زبان های گفتاری، زبان های برنامه نویسی از قوانین و کلمات کلیدی ویژه ای برخوردارند. یکی از این کلمات کلیدی در زبان برنامه نویسی “تابع (function)” است. این کلمه به کامپیوتر می گوید که کد برنامه نویسی از کجا آغاز می شود و چه کاری قرار است انجام شود.

آیا HTML و CSS برای برنامه نویسی بکار می روند؟

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

تفاوت اصلی بین کدنویسی (HTML و CSS) و برنامه نویسی (جاوا و جاوااسکریپت) این است که در برنامه نویسی می توان بر اساس آنچه که اتفاق می کند تصمیم گیری کرد. 

معرفی برنامه نویسی شی گرا (Object Oriented Programming) 

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

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

چرا انتخاب OOP؟

دلیل استفاده از سبک OOP صرفه حویی در زمان و هزینه هاست. نرم افزارهایی که بر اساس OOP هستند، به آسانی ساخته و حفظ می شوند.

از آنجایی که مقوله اصلی طراحی سایت است در نتیجه به برنامه نویسی صفحات وب با استفاده از جاوااسکریپت تمرکز می کنیم.

یک صفحه سایت از اشیایی تشکیل می شود که توسط جاوا اسکریپت ساخته می شوند. یکی از این اشیای اساسی، پنجره (کادر) است که پنجره مرورگر را نشان می دهد و بدین ترتیب راه هایی را برای تاثیرگذاری بر پنجره مرورگر توسط جاوا اسکریپت فراهم می کند. اشیا موجود در هر برنامه نیز از المان های دیگری تحت عنوان “توابع” تشکیل می شوند. در نتیجه، اساساً یک تابع کاری است که یک شی می تواند انجام دهد. اشیا می توانند توابع زیادی را اعمال کنند.

 منبع: www.how-to-build-websites.com

جاوااسکریپت چیست؟

جاوااسکریپت یک زبان اسکریپت سمت کاربر (Client-side) است که شی‌گرا (Object-Oriented Programming یا OOP) بوده، ساختاری مشابه زبان جاوا و ++C دارد و از محبوبیت بالایی برخوردار است. این بدین معناست که کد جاوااسکریپت در صفحه HTML نوشته می شود. زمانی که کاربری درخواست یک صفحه HTML با جاوااسکریپت دارد، اسکریپت به مرورگر ارسال می شود و بعد مرورگر عملیاتی روی آن انجام می دهد.

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

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

مغایرت های مرورگر

جاوااسکریپت علاوه براینکه مزایای قابل قبولی دارد مشکلاتی نیز بهمراه دارد.

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

برای حل این مشکلات باید مورد به مورد پیش رفته و اقدام به مرتفع نمودن مغایرت ها کرد.

نسخه های جاوااسکریپت

۱.۰: Netscape 2

۱.۱: Netscape 3 و Explorer 3 (نسخه اکسپلورر پشتیبانی خوبی از جاوااسکریپت ندارد).

۱.۲: نسخه اولیه شماره ۴ مرورگرها

۱.۳: نسخه پایانی شماره ۴ و نسخه ۵ مرورگرها

۱.۴: این نسخه برای مرورگرها قابل استفاده نیست و تنها برای سرورهای Netscape بکار می رود.

۱.۵: نسخه فعلی

۲.۰: نسخه آتی که درحال حاضر در دستان برندن ایچ و سایر همکارانش در حال توسعه است.

 منبع: www.quirksmode.org

در مقاله قبلی آورده شد که OOP که یکی از سبک های برنامه نویسی است، برنامه را به اشیای مجزا تقسیم می کند و هر یک از این اشیا خود از المان هایی به نام توابع تشکیل می شوند.

در ابتدا نمونه ای از یکی از این توابع را نشان می دهیم.

یکی از توابع اشیای پنجره، کادر “اخطار یا alert” است. در ادامه چگونگی استفاده از تابع اخطار آورده شده است:

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

دستور اولین خط این کد به مرورگر این است که می خواهیم از شی پنجره استفاده نماییم. این کار را با تایپ کلمه “window” آغاز می کنیم. در حال حاضر مرورگر می داند که می خواهیم از یک پنجره استفاده نماییم.مانند تمامی اشیا، شی پنجره نیز توابع مخصوص به خود را دارد. بنابراین، برای اینکه مرورگر بداند از چه تابعی می خواهیم استفاده نماییم آن را نامگذاری می کنیم ودر اینجا کلمه “alert” را می نویسیم. در نتیجه، مشخص می شود که می خواهیم از پنجره (کاذر) اخطار استفاده نماییم.

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

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

بخش بعدی کد به آسانی قابل درک است:

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

در جاوااسکریپت برای انتهای هر تابع، به دو پرانتز نیاز داریم. در این مثال، برای دستور اخطار می نویسیم: ()alert. با گذاشتن دو پرانتز، مرورگر متوجه می شود که این یک تابع است. بدین ترتیب، برنامه نویس هم می تواند به راحتی محل توابع را پیدا کند.

 در زبان های متعدد برنامه نویسی بویژه جاوااسکریپت، باید به نحوی به کامپیوتر نشان دهیم که کد برنامه نویسی به اتمام رسیده است. به این منظور، از علامت (( ; )) استفاده می کنیم. درنتیجه، وقتی کامپیوتر با این علامت روبه رو می شود متوجه می شود که کد به پایان رسیده است.

 منبع: www.how-to-build-websites.com

• یک هاست خوب انتخاب کنید

بنا بر تحقیقات انچام گرفته توسط سایت Akamai، تقریباً نیمی از مردم توقع دارند صفحات سایت در زمانی کمتر از ۲ ثانیه لود شوند و حدود ۴۰% از مردم گفته‌اند که اگر این زمان تنها یک ثانیه افزایش پیدا کند، صفحه را ترک می کنند. سایت‌های فروشگاهی با دنبال کردن اهدافی همچون جذب مشتری و افزایش فروش، بیش از سایر سایت‌ها به سرعت لود و بار گذاری مطالب اهمیت می‌دهند. مطالعه‌ای با عنوان “چرا عملکرد سایت اهمیت دارد. آیا سایت شما مشتری‌ها را دور می‌کند؟” ادعا می‌کند در ساعات اوج ترافیک، بیش از ۷۵% از مشتری‌ها ترجیح داده‌اند به جای انتظار در صفحه فعلی برای لود مطالب، سایت را بسته و سایت‌های رقیب را مطالعه کنند. سایت‌هایی که به سرورهای اختصاصی با سرعت بالا، پیکر بندی و منابع بهینه مجهزند. این قبیل سرورها با وجود گران بودن، برای شما با ترافیک بازدید بالا، یک ضرورت به شمار می‌آیند. از طرفی دیگر، هاست‌های اشتراکی سایت شما را در کنار صدها سایت دیگر بر روی یک سرور قرار داده و منابع سرور چه سخت فزاری و چه نرم افزاری بین صدها سایت به اشتراک گذاشته می‌شود که در نتیجه منابع محدودتری به سایت شما تخصیص می‌یابد. بنا بر این مطمئن باشید که هاستینگ اختصاصی بهترین گزینه برای ثبات، عملکرد و ارتقا سایت شما می‌باشد. هرچند همیشه هم شرکت‌های هاستینگ مقصر نیستند. گاهی اوقات قدرت سرورهای هاست افت می‌کند. به هر حال بهترین روش آن است که از شرکتی خدمات هاستینگ خود را بگیرید که هم پشتیبانی خوبی داشته باشند و هم بتوانند در ساعات اوج شلوغی، ترافیک سایت را خوب مدیریت و کنترل کند.

• بهینه سازی تصاویر

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

• فعال کردن فشرده سازی

همانند عکسها، فشرده سازی صفحات بزرگ وب نیز می‌تواند باعث کاهش پهنای باند صفحات و در نتیجه کاهش سرعت لود شود. بدین منظور کافی است فایل‌ها را قبل از آپلود به فرمت Gzip فشرده کنید. بنا بر ادعای یاهو، پس از این کار، سرعت لود تا ۷۰% کاهش می‌یابد. بهتر است که اولین منبع فشرده سازی را Gzip انتخاب کنید؛ زیرا ۹۰% کاربران اینترنت از مرورگرهایی بهره می‌جویند که از فرمت Gzip پشتیبانی می‌کنند. علاوه بر این، Gzip از سمت سرور نیز قابل دست رسی می‌باشد و می‌توان از طریق پوشه‌های  .htaccess, nginx.conf یا web.config آن را تنظیم کرد.

•  ذخیره سازی مرورگر

هنگامی که یک کاربر به سایت دست رسی پیدا می‌کند، سرور تصاویر و فایل‌های CSS، HTML و جاوا اسکریپت را به سیستم فرد می‌فرستد. این عناصر در هارد درایو کاربر به عنوان کش ذخیره می‌شوند تا اگر بار دیگر ساایت مورد نظر باز شد، به ارسال دوباره HTTP به سرور احتیاجی نباشد. به این ترتیب برای بازدیدهای بعدی تنها کافیست چند عنصر دانلود شوند و اگر داده‌ای بر روی سیستم شخص ذخیره نشود، بار گذاری سایت بسیار طولانی خواهد شد. طبق آمار سایت یاهو!، چهل تا شصت درصد از بازدید کنندگان سایت با کش خالی به سایت شما مراجعه می‌کنند. پس در هر صورت سایت شما می‌بایست برای مراجعه کنندگان تازه بهینه کنید. با فعال کردن قابلیت کش، تنها زمان بار گذاری برای دفعات بعدی کاهش پیدا می‌کند.

بهترین حالت این است که بتوان تمام منابعی که قابلیت ذخیره سازی دارند را حداقل یک هفته و ترجیحاً یک سال نگه داری کرد. نکته مهم بعدی برای سرعت بخشیدن به دانلود عناصر HTTP این است که هدرهای HTTP keep-alive را فعال کنیم.. به این ترتیب مر.رگر و سرور با یک اتصال می‌توانند اقدام به دریافت و ارسال چند فایل کنند. در واقع  هنگامی که کاربر از سایت شما بازدید می‌کند، اتصال سرور باز باقی می‌ماند و دیگر نیازی نیست تا برای هر در خواستیک اتصال جدید اتفاق بیفتد. برای فعال کردن keep-alive تنها کافیست چند خط کد ساده به .htaccess, nginx.cong یا web.config file اضافه کنید.

• اسکریپت و CSS

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

• پیکربندی CDN

بسیاری تصور می‌کنند که CDN نکته طلایی سرعت سایت می‌باشد. به همین دلیل در این مقاله اول موارد دیگر بررسی شد تا ثابت کنیم این طرز تفکر اشتباه است. CDN لزوماً و به تنهایی سرعت سایت را بالا نمی‌برد. سی دی ان می‌تواند بعد از اجرای روش‌های ذکر شده، عامل موثر بعدی در افزایش سرعت سایت باشد. CDNها، سرورهایی هستند که در مناطق و جاهای مختلف قرار گرفته‌اند و امکانات پایداری را به کاربر ارائه می‌دهند. هنگامی که شبکه در خواستی را دریافت می‌کند، داده‌ای که در نزدیک‌ترین سرور قرار گرفته سرعت لود صفحه را بالا می‌برد و در نتیجه، سرعت دانلود نیز بهبود پیدا می‌کند. محتوای مورد نظر بین چند سرور تقسیم می‌شود و به این ترتیب مسائلی که باعث تاخیر پاسخ گویی سرور می‌شوند، کاهش پیدا می‌کنند و بالطبع سرعت دانلود بالا می‌رود به علاوه، به دلیل پخش سرورها، up-time سایت هم افزایش پیدا می‌کند و اگر یکی از سرورها به هر دلیل نتواند به در خواست پاسخ بدهد، درخواست برای سرور نزدیک بعدی فرستاده می‌شود. این فایل‌های استاتیک به صورت جدا (و در بیشتر موارد در URLهای مختلف) از HTML مرکزی صفحه‌ای سرو شده‌اند. در نتیجه ساختمان صفحه شما به مرورگر فرستاده می‌شود. به این ترتیب نه تنها سرعت بار گذاری صفحه بالا می‌رود، بلکه اجازه نمایش صفحات قبل از لود کامل را نمی‌دهد. استفاده از CDN عملکرد سایتتان را در سر تا سر دنیا بهبود می‌بخشد و از این جهت ارزش سرمایه گذاری را دارد. باید به خاطر داشته باشید که سی در ان به تنهایی و به طور جادویی سرعت سایتتان را افزایش نمی‌دهد. استفاده از CDN  در کنار سایر نکات ذکر شده، باعث نتیجه گیری حداکثری خواهد شد.
حرف آخر
روش هایی که در این مقاله ارائه شدند واقعاً ارزشمند هستند و می‌توانند سایت وردپرسی شما را تا آخرین حد ممکن سریع کنند. اما نباید انتظار داشته باشید که فقط با کمک یکی از این روش‌ها سرعت لود صفحات سایتتان بالا برود. این تکنیک‌ها در کنار هم سرعت بار گذاری را افزایش می‌دهند. CDN  به تنهایی نمی‌تواند سرعت لود را بالا ببرد. ذخیره سازی مرورگر و فشرده سازی فایل‌های بزرگ می‌توانند منجر به دانلود سریع‌تر عناصر از سرور به کامپیوتر کاربر شود. ضمناً شما می‌توانید سرعت سایتتان را از طریق Google PageSpeed Insight  و یا GTmetix بررسی کنید و ببینید که صفحات سایت شما در مقیاس سرعت بارگذاری، اندازه صفحات و تعداد درخواست‌ها چطور عمل می‌کند. هدف سایت، ایجاد یک تجربه کاربری خوب است و اولین قدم برای نیل به این هدف  افزایش سرعت بار گذاری صفحات می‌باشد تا کاربر در اولین کلیک از سایت شما ناامید نشود.

این یک واقعیت است که گوگل انقلاب در صنعت تلفن‌های همراه را هدایت می‌کند، بنا بر این به طور مرتب از الگوریتم جدید گوگل در نتایج جست و جوی کاربران خود استفاده می‌کند. گوگل بزرگ‌ترین ارائه کننده پلتفرم تلفن‌های همراه جهان است (اندروید). گوگل هم چنین بزرگ‌ترین ارائه دهنده موتور جست و جو برای تلفن‌های همراه در جهان می‌باشد. علاوه بر این، گوگل بزرگ‌ترین فروشگاه نرم افزارهای تلفن همراه را در اختیار دارد که با نام Google Play شناخته می‌شود. به عبارت دیگر، گوگل تلاش دارد تا تمام ارتباطات عصر جدید با تلفن همراه انجام شوند. با وجود تحقق تمام این اتفاق‌ها، این غول بزرگ کامپیوتری، با داشتن سهم بزرگی از دستگاه‌های موبایلی، جست و جو و نرم افزارها راضی نمی‌شود؛ بلکه می‌خواهد  تمام امواج موجود در هوا را نیز به خود اختصاص دهد. در این مقاله سعی داریم تا سایت‌هایی با مواضع موبایلی گوگل سقوط خواهند کرد را به شما معرفی کرده و راه کارهای مقابله و جلوگیری از این اتفاق را بیان کنیم.

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