在HTML文件中加载多个Base64 img

时间:2018-10-21 13:12:38

标签: html browser base64

我想知道是否多次使用相同的base64 img:

  • 由浏览器加载一次,它将重新使用该字符串吗? (更多性能)
  • 还是在每次遇到base64字符串时加载? (这意味着我应该使用仅会加载一次的标准img格式,例如SVG / png / jpeg)

注意:在这种情况下,我不能使用CSS在类中使用base64 img!我使用HTML文件。我已将MOD Deflate / Gzip插入.htaccess中,也许这将使字符串仅加载一次?

1 个答案:

答案 0 :(得分:0)

如果您有一个未压缩的HTML文件,其中包含多个package com.example.ganz.minigamesortnumbers import android.support.v7.widget.RecyclerView import android.view.LayoutInflater import android.view.View import android.view.ViewGroup import kotlinx.android.synthetic.main.cardview_number.view.* class LevelAdapter( private val data: ArrayList<LevelModel>, private val listener: Listener) : RecyclerView.Adapter<LevelAdapter.MyViewHolder>() { interface Listener { fun onItemClick(levelModel: LevelModel) } override fun onBindViewHolder(holder: MyViewHolder, position: Int) { holder.bind(data[position], listener, position) } override fun getItemCount(): Int = data.count() override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): MyViewHolder { val view: View val inflater = LayoutInflater.from(parent.context) view = inflater.inflate(R.layout.cardview_number, parent, false) return MyViewHolder(view) } class MyViewHolder(view: View) : RecyclerView.ViewHolder(view) { fun bind(levelModel: LevelModel, listener: Listener, position: Int) { itemView.btn_numbers.text = levelModel.randomNumbers itemView.setOnClickListener { listener.onItemClick(levelModel) } } } } 元素,这些元素使用相同的base64编码的IMG属性进行硬编码,则那些base64数据的字节将在连接中多次传输。 / p>

如果您在传输HTML文件之前对HTML文件应用了压缩算法,则压缩算法很可能会注意到重复并加以考虑,从而减少了有效载荷。

如果您提前知道要复制哪些图像,则可以使用JavaSript设置src src属性。这将意味着数据仅传输一次-尽管在我的实例中,您有jQuery的开销。例如

IMG