Question

我有以下设置：的Joomla！ 3.2.2，Bootstrap 3.1 with LESS。我测试了我的页面加载时间并得到了糟糕的结果，主要是因为LESS。

整体装载时间为7.96秒。等待bootstrap / LESS变量是5.3s !!!

它加载所有引导变量：

template.less ~.com/templates/c~/less/  9.1 kB  
  bootstrap.less    1.3 kB  
  variables.less    19.6 kB   
  mixins.less   24.2 kB   
  normalize.less    7.4 kB  
  print.less    1.9 kB  
  scaffolding.less    2.1 kB  
  type.less   5.3 kB  
  code.less   1.3 kB  
  grid.less   2. kB  
  tables.less   4.5 kB  
  forms.less    9.2 kB  
  buttons.less    3.7 kB  
  component-animations.less   786 B   
  glyphicons.less   14.8 kB   
  dropdowns.less    4. kB  
  button-groups.less    5.1 kB  
  input-groups.less   3.5 kB  
  navs.less   5.1 kB  
  navbar.less   13.8 kB   
  breadcrumbs.less    817 B   
  pagination.less   2.1 kB  
  pager.less    1.1 kB  
  labels.less   1.3 kB 
  badges.less   1.3 kB  
  jumbotron.less    1.2 kB  
  thumbnails.less   1. kB  
  alerts.less   1.7 kB  
  progress-bars.less    1.8 kB  
  media.less    1.1 kB  
  list-group.less   2.1 kB  
  panels.less   4.2 kB  
  wells.less    812 B   
  close.less    96 B   
  modals.less   3.3 kB  
  tooltip.less    2.8 kB  
  popovers.less   3.5 kB  
  carousel.less   4.8 kB  
  utilities.less    1. kB  
  responsive-utilities.less   5. kB

我很好。我甚至不会评论许多人表现得更好，因为我需要他们中的大部分。

但有没有办法以任何方式提高页面加载速度？

它基本上不是样式的呈现，而是服务器操作的等待时间，用于加载变量，这需要花费很长时间。 pingdom.com：“Web浏览器正在等待来自服务器的数据”。

Answer 1

如果您担心性能，则需要编译较少的文件并将生成的CSS上载到服务器。在服务器上进行编译对于开发来说很方便，但在生产中并不是一个好主意。

加载缓慢：LESS - 引导变量导致等待时间

1 个答案: