We are revamping our company's landing page, which includes sections for information, job listings, team profiles, and support. Instead of maintaining a Rails project solely for this purpose, we have decided to switch to static HTML.
To allow our HR and support teams to easily update the content (especially in the job and help sections) without involving the development team, we plan to implement an Angular.js application on the page. We will populate the content using a JSON API, such as those provided by Wordpress.com or Contentful.
Considering the importance of fast loading times for our landing page (prioritizing conversion), our approach involves serving the initial content statically and seamlessly integrating Angular.js once users access crucial information. This method, known as graceful improvement, means that users with JavaScript disabled may not be able to access all features of the page.
Are there any recommended best practices or Angular.js modules for achieving this strategy? What is the correct term for this effect?
P.S.: SEO concerns will be addressed by rendering the remaining content (team profiles, job listings, etc.) using Phantom.js. Our main focus is on optimizing the loading speed of the initial part of the landing page.