گام اول : انتقال کدهای CSS به فایلهای css یا بلوک head
کدهای CSS قالب انتخاب شده برای نمایش شعر، ثابتند و به صورت استاندارد باید در بلوک head صفحات HTML قرار گیرند. از این رو در صورتی که از سیستمهای مدیریت محتوایی مانند وردپرس استفاده میکنید این قسمت از کد نمایش شعر را که شامل کدهای مابین تگهای باز و بستۀ style میشوند به فایل css قالب وبلاگتان (در قالبهای وردپرس: style.css) منتقل کنید و برای سیستمهایی که کدهای CSS نمیتوانند مستقل باشند آنها را به محل این کدها مابین تگهای باز و بستۀ head در قالب HTML صفحات منتقل کنید.
گام دوم : انتقال کدهای JavaScript به قبل از بسته شدن تگ body
قسمت کند کد نمایش شعر بخش جاوا اسکریپت آن است که روی سرور کدهای گنجور اجرا میشود. برای این که سرعت اجرای این بخش را بالا ببرید میتوانید با انتقال کد آن به آخرین نقطۀ صفحات HTML (قبل از بسته شدن تگ body) اثر این کندی را از بین ببرید.
انجام این گام دو بخش دارد. در بخش اول در محل مشخص شده برای نمایش کد شعر گنجور چنین کدی را درج کنید:
در کد فوق ganjoorid یک رشتهی دلخواه ولی منحصر به فرد در کد HTML صفحه است.
در بخش دوم، کد (یا کدهای) جاوا اسکریپت نمایش شعر را در آخرین جای ممکن یعنی قبل از بسته شدن تگ body به صورت زیر درج کنید:
در صورت تمایل میتوانید در جاهای مختلف با تعریف کدهای منحصر به فرد مختلف (ganjoorid1، ganjoorid2 و ...) و تکرار بلوک بالا با عبارت block=ganjoorid1 ، block=ganjoorid2 و ... چندین بلوک نمایش شعر (البته با قالب یکسان داشته باشید).
برای مشاهدۀ نحوۀ اعمال این بهینهسازیها میتوانید نحوۀ درج کد نمایش شعر در وبلاگ تازههای گنجور را با مشاهدۀ فایل css قالب آن در این نشانی و کد HTML یکی از نوشتههای آن (مثلاً این نوشته) از نظر بگذرانید. در این نمونه شناسۀ بلوک نمایش شعر ganjoor-snipet است.
بهینهسازی بیشتر
تکه کد زیر -ارائه شده توسط آقای مصطفی صداقتجو- به کار دوستانی میآید که تمایل دارند در زمان مورد نیاز برای فراخوانی اطلاعات از گنجور یک تصویر انتظار نشان دهند: