This paper explores the gap between existent content management systems i.e.: WordPress and web applications created in other programming languages and frameworks or libraries such as React JS, Angular, Vue JS. These two approaches to web development i.e.: using a WordPress-centric strategy or utilizing modern web architectures could be linked together in a seamless way, but lack any real and concrete tool to facilitate this. The paper provides a novel cross-framework solution that takes into account the performance implications this approach has on the delivery of web applications as micro-frontends SPAs. Performance-wise, the analysis conducted shows almost a 50% lower largest contentful paint (LCP) time and a minimum of a 40% decrease in the amount of time needed to construct the DOM element tree than an Elementor-constructed frontend. This means that even if this performance is achieved by a micro-frontend constructed in various frameworks and libraries, the solution proposed by the paper is at least, if not faster, than other, existent and appealing alternative flows of web development.

错误:搜索内容不能为空,请输入英文关键词
错误:关键词超出字数限制,请精简
高级检索

Bridging Content Management and Micro-frontends: A WordPress-Centric Approach to Modern Web Architecture

  • Ṣtefan Secrieru,
  • Sebastian-Aurelian Ṣtefănigă

摘要

This paper explores the gap between existent content management systems i.e.: WordPress and web applications created in other programming languages and frameworks or libraries such as React JS, Angular, Vue JS. These two approaches to web development i.e.: using a WordPress-centric strategy or utilizing modern web architectures could be linked together in a seamless way, but lack any real and concrete tool to facilitate this. The paper provides a novel cross-framework solution that takes into account the performance implications this approach has on the delivery of web applications as micro-frontends SPAs. Performance-wise, the analysis conducted shows almost a 50% lower largest contentful paint (LCP) time and a minimum of a 40% decrease in the amount of time needed to construct the DOM element tree than an Elementor-constructed frontend. This means that even if this performance is achieved by a micro-frontend constructed in various frameworks and libraries, the solution proposed by the paper is at least, if not faster, than other, existent and appealing alternative flows of web development.