在前端开发中，页面公共代码冗余是一个常见的问题，它会导致代码的可维护性降低，加载速度变慢。而利用JavaScript实现History路由是解决这一问题的有效方法。

History路由基于浏览器的历史记录API，允许开发者在不刷新整个页面的情况下，实现页面内容的切换。这就为处理公共代码冗余提供了良好的基础。

我们需要了解History API中的几个关键方法，如pushState、replaceState和popstate。pushState用于向历史记录中添加一条新记录，replaceState则用于替换当前的历史记录，而popstate事件会在用户点击浏览器的前进或后退按钮时触发。

通过使用History路由，我们可以将公共代码提取出来，放在一个独立的模块或组件中。比如，页面的头部导航栏、底部版权信息等公共部分。在不同页面切换时，这些公共部分无需重复渲染，只需要更新页面的核心内容即可。

以一个简单的单页面应用为例，我们可以创建一个路由管理器。在路由管理器中，定义不同路径对应的页面组件。当用户访问特定路径时，通过History API更新路径，并加载对应的组件，而公共部分始终保持不变。

在实现过程中，我们可以结合事件监听机制。例如，监听页面的DOMContentLoaded事件，初始化路由；监听popstate事件，根据用户的操作切换页面。利用JavaScript的模块化和组件化思想，将各个页面的逻辑和样式进行封装，提高代码的复用性和可维护性。

合理运用缓存策略也能进一步优化性能。对于已经加载过的页面组件，可以进行缓存，下次访问时直接从缓存中获取，避免重复加载。

利用JavaScript实现History路由，能够有效地解决页面公共代码冗余问题，提升用户体验，优化应用性能。它是前端开发中值得深入研究和应用的技术手段。