<h2 id="1f21ed03-fadf-4f74-8f66-b01171bbd379" data-toc-id="1f21ed03-fadf-4f74-8f66-b01171bbd379">Rendering Templates</h2>When Salesforce Commerce Cloud generates web pages on the application server, it uses ISML Templates and scripts within the Controllers. B2C Commerce Script API in the Controllers access the database layer if necessary. We are going to describe the best practices for:<img src="https://f.ezycourse.net/4154/cm7ex3yql0123um8zb16xf8w0.png" alt="image" style="width: 350px; height: auto; cursor: pointer; margin: 0px auto;" draggable="true"><ul><li>ISML Templates</li><li>Scripting in Templates</li><li>Local Includes</li><li>Remote Includes</li><li>Efficient Template Coding</li></ul><h2 id="994c2174-9b6a-43e8-936b-2291beed4d8b" data-toc-id="994c2174-9b6a-43e8-936b-2291beed4d8b">SFCC Secrets You Need!</h2>Imagine what you’re missing in our other guides! Stay ahead of the competition, get exclusive pro tips, and master Salesforce Commerce Cloud like never before.👉 <a target="" rel="noopener noreferrer" href="https://www.sfcclearning.com/subscribe">Subscribe NOW and never struggle with SFCC again!</a><h2 id="7be2a0d6-1879-4be0-91df-8ee599635976" data-toc-id="7be2a0d6-1879-4be0-91df-8ee599635976">ISML Templates</h2>You should keep ISML as clean as possible. It’s always good for performance tuning and maintainability of your site.<h3 id="3925425a-b662-46de-8794-f50784546352" data-toc-id="3925425a-b662-46de-8794-f50784546352">Scripting in ISML Templates</h3>You can write Salesforce Commerce Cloud scripts inside ISML templates using <code>&lt;isscript&gt;</code> tag. In general though, you should use scripts in your controllers and pass the information via viewData rather than using <code>&lt;isscript&gt;</code> blocks.To ensure that you can diagnose performance issues, break large <code>&lt;isscript&gt;</code> blocks into multiple pieces. Smaller scripts help with readability and pinpointing bottlenecks efficiently.<h2 id="96a7533a-a1dd-4015-8604-eb7269725093" data-toc-id="96a7533a-a1dd-4015-8604-eb7269725093">Local Includes</h2>Local includes are useful when you want to reuse partial templates. They are merged with the including template as an ISML file before it is compiled.Pipeline dictionary variables (pdict) can be used in the included templates as well, without needing to initialize and fetch data again if the variables are already available.Example: <code>&lt;isinclude template="/components/your-template.isml" /&gt;</code><h2 id="679dc98a-6cbf-4f38-84b3-be40b39ea561" data-toc-id="679dc98a-6cbf-4f38-84b3-be40b39ea561">Remote Includes</h2>For each remote include in a page, a placeholder is inserted and a page is delivered from the application server to the web server. The web server parses the page and calls for every include placeholder, which can cause "Ping-Pong" between the two servers.Best practices for remote includes:<ul><li>Do not use more than 20 remote includes within a page.</li><li>Avoid exceeding three levels of remote includes.</li><li>Reuse pipeline dictionary variables instead of recalculating data in separate includes.</li></ul>Example: <code>&lt;isinclude url="${URLUtils.https('Home-Show')}" /&gt;</code><h2 id="6d701b8a-a1b0-464c-814a-f282b4f87bd2" data-toc-id="6d701b8a-a1b0-464c-814a-f282b4f87bd2">Best Practices for Efficient Template Coding</h2><ul><li>Controllers should capture most of the business logic, while templates should only render the information aggregated in the controllers.</li><li>Use pagination to display large search result sets.</li><li>Remove unused SFRA/SiteGenesis ISML templates to avoid unnecessary resource consumption.</li><li>Use <code>&lt;isdecorate&gt;</code> to apply a page layout wrapper around content blocks.</li><li>Use <code>&lt;ismodule&gt;</code> when you have code snippets reused in multiple templates.</li></ul><hr><h2 id="045b502b-3a53-42ba-8afd-4a65bb02d429" data-toc-id="045b502b-3a53-42ba-8afd-4a65bb02d429">Recommended Courses</h2><ul><li><a target="_blank" href="https://www.sfcclearning.com/course-detail/salesforce-javascript-developer-certified-tests/17822">Salesforce Javascript Developer I - Certification Tests</a></li><li><a target="_blank" href="https://www.sfcclearning.com/course-detail/course-b2c-commerce-developer/17905">Salesforce B2C Commerce Developer - Certification Tests</a></li><li><a target="_blank" href="https://www.sfcclearning.com/course-detail/salesforce-b2c-commerce-architect-certification-tests/17955">Salesforce B2C Commerce Architect - Certification Tests</a></li><li><a target="_blank" href="https://www.sfcclearning.com/course-detail/sfcc-d2c-quick-start-guide/19116">Salesforce Commerce Cloud D2C: Quick Start Guide</a></li></ul>

Learn best practices for rendering pages in Salesforce Commerce Cloud, including ISML templates, scripting, includes, and efficient template coding to optimize performance.

ISML Template Best Practices

Best Practices for Efficient Template Coding

Discover expert insights, best practices, and in-depth guides on Salesforce Commerce Cloud. Stay ahead with SFCC Success Secrets and optimize your e-commerce strategy today!

ISML Template Best Practices

ISML Template Best Practices

Related Posts

Your SFCC controller should not be the whole application

Einstein is smart, but it doesn’t know your next campaign

Why "Rebuild All Indexes" Might Be the Worst Button in Business Manager

The Day Custom Objects Ruined My Plan (And What You Can Learn from It)

Salesforce stock calculation explained (no headaches, I promise)