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

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

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

مطالب مرتبط :

روش آسان افزودن دکمه گوگل پلاس به سایت شما 

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

این مشکل یک راه حل ساده هم دارد و آن گذاشتن این بخش از کد در انتهای سایت است تا ابتدا بخش خبر که مهم تر است نمایش یابد و سپس دکمه اشتراک گذاری گوگل پلاس لود شود که کم ترین کاربرد را در این سایت دارد.

کد فعلی فارس نیوز :

                        <div class="g-plus" data-action="share" data-annotation="bubble"></div>
                        <script type="text/javascript">
                            (function () {
                                var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
                                po.src = 'https://apis.google.com/js/plusone.js';
                                var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
                            })();
                        </script>

کد پیشنهادی :

قرار دادن بخش زیر قبل از تگ پایانی </body> :

                        <script type="text/javascript">
                            (function () {
                                var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
                                po.src = 'https://apis.google.com/js/plusone.js';
                                var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
                            })();
                        </script>

اگر سایت شما نیز این شرایط را دارد این راه حل برای شما هم مناسب است .

ویرایش : این مشکل توسط فارس نیوز اصلاح شد.