It seems like everyday you read about changes in online web development you come across a new term. For those looking to improve their website or app, Front End Optimization may not feel new, but its importance certainly brings new value to a business.
Front End Optimization (FEO) is a phrase first coined by the team at Yottaa, a web testing cloud solution and development firm, in their holiday survival guide. FEO means a renewed focus in improving how a website works within a browser. It means inspecting elements rendered in the browser and improving how they are called in the DOM. The DOM is the document object model, the set if instructions that tell the browser how to render an app page or a website page.
Optimization is usually conducted through a browser development tool. Google Chrome DevTools and Firefox Firefly are popular with developers.
In addition, Microsoft offers the F12 Development Tool for the Internet Explorer 11 browser, complete with an online verification tool/support community called Internet Explorer Development Channel.
These tools are designed to inspect website elements while a page or app appears in the browser. These tools also permit live adjustments to the elements and how each element is exposed in the DOM.The following tips can organize an FEO effort to make a website or app sustainable.
- Compress images – minifying images can save time when they are loaded into a browser.
- Consider asynchronous scripts, where practical, to aid page rendering performance. use page loading testers such as the tools described in this Zimana post (App developers may also find this Zimana post on latency worth a read, too!)
- Check for buggy performance across browsers. If performance exist across the major ones, the clearly the issue lies somewhere within the code. Validator.W3.org can validated code.