Question

我正在尝试加速我的网站，看起来像加载以下两个文件非常耗费时间。

volumewatchers.com/?itx=css&ver=3.5.1 volumewatchers.com/?itx=js&ver=3.5.1

这些是非常小的文件，我没有看到他们加载的时间差不多2秒。

Pingdom报告： http://tools.pingdom.com/fpt/#!/cdpj8h/http://volumewatchers.com/

看起来itx wordpress主题正试图通过wp-enqueue动态加载这些文件。由于模板设置很多，我可以在该部分中对这些文件进行硬编码。有人可以告诉我，如何调整这些代码并硬编码这些文件？我做了一个视图源并创建了一个.CSS文件。但是，它没有多大帮助。

这是header.php代码： -

<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>"  />
<title><?php wp_title(''); ?></title>
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> latest post RSS" href="<?php echo itx_get_option('links','rss') ?>" />
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> latest comment RSS" href="<?php echo itx_get_option('links','crss') ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri()?>/css/ie6.css">
<![endif]-->
<!--[if lt IE 8]>
<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri()?>/css/ie7.css">
<![endif]-->
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" />  
<?php
    if (is_singular() && get_option( 'thread_comments' )) wp_enqueue_script( 'comment-reply' );
    if (is_active_widget(false,false,'itx_tabbed_sidebar')||!is_active_sidebar(1)) wp_enqueue_script('jquery-ui-tabs');
    if ( itx_get_option('misc','nohover') == 0 ) wp_enqueue_script('jquery-color');
    wp_enqueue_script('itx',get_bloginfo('url').'/?itx=js');
    wp_enqueue_style('itx',get_bloginfo('url').itx_preview_vars('css'));
    wp_head();
?>

谢谢！

Answer 1

您是否考虑过合并文件？我注意到你使用了4个样式表（+一些内联样式）和19个javascript文件。如果你可以将这些合并到一个（缩小的）css和尽可能少（缩小）的js文件中，你可能会获得一些速度。通常，浏览器需要更长的时间来请求文件然后下载一些额外的字节，因此最好尽可能少地提出请求。

CSS文件加载时间性能问题

1 个答案: