Home  >  Article  >  Web Front-end  >  Smartisan Technology's front-end source code--Experience static resource optimization_html/css_WEB-ITnose

Smartisan Technology's front-end source code--Experience static resource optimization_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:43:051537browse

Do I really have obsessive-compulsive disorder?

When I entered the office in the morning, the first thing I saw was a network cable pulled out from under my seat. This network cable passed through the aisle and connected to another colleague who had just moved in. on the computer. To prevent passers-by from stumbling upon it, tapes were put all over it. Can you imagine that scene? Anyway, it’s ugly, messy, and complicated. I yelled: Why are you doing this? Why are you so ugly? In the end, anyway, I restored the elegance to it, Graceful. Am I obsessive-compulsive? Is obsessive-compulsive disorder a disease? Can obsessive-compulsive disorder be cured?

The front end of Smartisan Technology

I read an open letter written by a designer who claimed to have obsessive-compulsive disorder to Lao Luo, saying that the front end is weird, lazy, irresponsible for the implementation, etc., and then I ran I went to the official website of Smartisan Technology and looked at their source code (view-source: http://www.smartisan.com/). The css, js, and html pages were all compressed. I was shocked (forgive me for my small front-end). Bai), and then went to Baidu, Jingdong, Taobao and "ladder" FQ to Facebook, YouTube, suddenly realized, Soga, it turns out that this is how big companies do it. How can we turn the code of a "small company" into the code of a "big company"? Next, I went to Zhihu to find the answer...

Zhihu is full of big guys

When I entered keywords such as "front-end code of large companies" in the search box of Zhihu , I found this question from the results: How to develop and deploy front-end code in a large company? . UC front-end guru Zhang Yunlong’s answer excited me. He mentioned some requirements of large companies for front-end static resource deployment:

  • Configure long-term local cache?? Save bandwidth and improve performance
  • Use content summary as the basis for cache update?? Accurate cache control
  • Static resource CDN deployment?? Optimize network requests
  • Update resource release path Achieve non-coverage release?? Smooth upgrade
  • And developed a front-end compression tool based on Baidu's FIS, an open source project. Daniel has written the document very well, you only need to click in and follow the steps Just do it in two steps. I tried it and it was really cool.
    What? If you don’t know what FIS is, go to Baidu yourself.

    XBB, no picture, no truth

    Although I encountered a pitfall when installing Node.js, I finally solved it with the help of Du Niang and Brother Gu. I only have one warning: if you are a Windows user, please add a user variable! Please add user variables! Please add user variables! Important words should be spoken three times. The effect is as shown in the picture:

    Last question: Why can’t I smell and eat when I have a cold?

    Statement:
    The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn