我正在使用tablesaw脚本将表格适合较小的屏幕。
我的开发人员在head标记中插入了相关的CSS，这样：
<link rel="stylesheet" type="text/css" href="/tablesaw.css" media="screen and (max-width: 767px)">
问题在于它损害了我的移动设备的Google Page-Speed得分，因为这是一个渲染阻止元素，除了我的常规CSS文件之外。
因此，我认为我可以使用the whole Tablesaw CSS block，并将其插入到一般CSS文件中，就在它的末尾，但我需要像这样包装它：
@media screen and (max-width: 767px){[General TableSaw Content][by @media-type Table Saw Content]}
这确实增加了我的网页速度得分。
这是一个更好的做法吗？
我目前使用的方法有哪些缺点（在head部分加载额外的CSS）？