| The Internet has become the main way that people get information. Users around the world find the information they need from Internet. The meaning of a multi-language website is that it can providing native language for users, so they get information more convenient. There are three main ways to build a multi-language website, different languages in different pages, use translate API, different languages in one page. Different languages in one page is that manually translate website content and store language text in database tables. Finally content renders by variables. Different pages may cause code redundancy and hard to maintain. API translate is never perfect and borderline unprofessional if you have a business website. My paper will build a multi-language website in front-end.In my paper, I described how to build a multi-language website based on MVC architecture for front-end. And take SMS service platform as an example to explain front-end performance optimization. In order to quickly develop the system, developers put too many business logic into front-end resulting in more and more difficult to maintain. Front-end performance is bad and user experience is poor. The site has been refactored to make it more fast and easier to use. Firstly, review all the functions of the website, and sort out the clear logic of requirements. Make a new page design to provide a convenient user interface interactive. Secondly, refactor front-end to separate from it web system, and make it running independently. It is beneficial to collaborate and maintain code. During refactoring I also made multiple languages into website. This paper has explained how Web Components improve development efficiency and solve different content in different languages. Finally, based on the front-end optimization plan, I have used front-end automation tools to refactoring SMS service platform to optimize the practice, improve resource management efficiency of the site, and do the optimization in resource deployment strategy to enhance the user experience, reduce the probability of error page.This paper provides a solution of making a multi-language website and optimizes the speed of loading pages. Using Web Components quickly reconstruct the poor user experience features block, enriching user interaction so that each action of the user can quickly get feedback, whether their operation succeeded or failed. The final output of the effect is that the workload of customer service has been reduced, at the same time the cost of company has been cut down. Currently asynchronous page data has not been completed, and the front-end with a better way to split completely from the back-end is still in practice in the attempt. Making multiple pages into a single page to improve user experience will be tried in future work. |
PDF Full Text Request